Shopify’s design system to help us work together to build a great experience for all of our merchants.
-
Updated
Dec 27, 2024 - TypeScript
Shopify’s design system to help us work together to build a great experience for all of our merchants.
Build consistent, themeable React apps based on constraint-based design principles
🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️
A build system for creating cross-platform styles.
Theo is a an abstraction for transforming and formatting Design Tokens
This is the official DTCG repository for the design tokens specification.
Official repository of the plugin 'Tokens Studio for Figma' (Figma Tokens)
The Design Token Framework — Adopt a unified design language across platforms, codebases, and teams
A list of resources on all things to do with Design Tokens
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.
📒 A curated list of bookmarks, resources and articles about design systems focused on developers.
🖌️ Make your <script> lighter and your <style> smarter
Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
Visual development environment for CSS
👩🎨 Access your design tokens with ease
A specification for defining theme objects & design tokens for use with UI components
Helios Design System
A tool to create accessible color systems
Decathlon Design System UI components for web applications
Add a description, image, and links to the design-tokens topic page so that developers can more easily learn about it.
To associate your repository with the design-tokens topic, visit your repo's landing page and select "manage topics."