figma / sds
Simple Design System (SDS) is a base design system that shows how Figma’s Variables, Styles, Components, and Code Connect can be used alongside a React codebase to form a complete picture of a responsive web design system.
☆356Updated last week
Related projects ⓘ
Alternatives and complementary repositories for sds
- Example GitHub Actions workflows for syncing variables to Figma☆104Updated 3 months ago
- Custom transforms for Style-Dictionary, to work with Design Tokens that are exported from Tokens Studio☆202Updated this week
- Typings for the Figma Plugin API☆196Updated last week
- Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.☆112Updated 2 months ago
- ☆121Updated 9 months ago
- A tool for connecting your design system components in code with your design system in Figma☆952Updated last week
- Dynamic, theme-driven, style props for vanilla-extract.☆211Updated last week
- Tokens used by Spectrum, Adobe's design system.☆92Updated last week
- A design linting plugin for Figma.☆465Updated 10 months ago
- A package of transforms, formats, filters, etc. to use in your style dictionary config to transform your design tokens☆172Updated this week
- Use DTCG tokens JSON to generate code for web, mobile, native apps, and more☆160Updated this week
- Documentation that matches the quality of your product.☆422Updated this week
- Base repo to transform json design tokens from the figma design token plugin via amazon style dictionary.☆151Updated last week
- CSS-in-JS reinvented for scalable, typesafe design systems. A modern approach to just-in-time atomic CSS using CSS variables—no bundler r…☆804Updated this week
- Community repository for storing examples, reporting issues and tracking roadmap☆119Updated last month
- The simplest way to add CSS styles to your React components.☆361Updated last month
- The comprehensive toolkit for developing plugins and widgets for Figma and FigJam☆946Updated last month
- A collection of simply designed React components focused on making web accessibility as easy as copy & paste.☆339Updated 6 months ago
- An open-source checklist to help you plan, build and grow your design system.☆427Updated 9 months ago
- Pigment CSS is a zero-runtime CSS-in-JS library that extracts the colocated styles to their own CSS files at build time.☆813Updated this week
- Tools and bundler plugins, to ergonomically load SVG files via use[href]☆214Updated this week
- My personal design system☆252Updated last week
- A collection of useful helper functions to import to your Figma plugin project☆259Updated 8 months ago
- 🤖⏰ Headless utilities for building time and calendar components in TS/JS, React, Solid, Vue, Svelte and Angular☆525Updated 3 months ago
- Export tool for Figma. You can easily and automatically export your Figma components and use them directly into your website.☆260Updated 2 months ago
- Hook into advanced CSS features from native inline styles.☆566Updated this week
- MutationObserver for CSS. Get notified when the computed value of a CSS property changes.☆369Updated 2 weeks ago
- Accessible and customizable components built with Panda CSS & Radix, based on shadcn/ui.☆277Updated 5 months ago
- stitches.dev☆290Updated last year
- React components of Figma design system☆120Updated 6 months ago