made with react.js

Figmagic

Generate Tokens for your Design System from Figma

Visit Site

Description

Generate Tokens for your Design System from Figma

"Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.

Figmagic promotes a structured way of assembling design systems. Following the primary principle of atomic design, Figmagic wants you to build from the bottom up, beginning with decomposing the tokens. Tokens shape elements, which form components, that are ordered in compositions, which get presented in views... You know the drill.

Code generation is done into React files, Styled Components, Storybook, CSS (css-in-js type) and markdown descriptions."


Creator

Mikael Vesavuori


Social Media Links

Jลtai State Management Library
icon-eye-dark Created with Sketch. 258
React Markdown Markdown Component
icon-eye-dark Created with Sketch. 2.594
Sentry for React React Error Monitoring
๐Ÿ’™ Sponsored by Friends
Weโ€™re hosting on Digital Ocean! ๐Ÿ’™ Try it today and get a free $100 credit.
React Popper Tooltip & Popover Positioning Engine
icon-eye-dark Created with Sketch. 3.083
Storyblok React Headless CMS with visual editing for React Components
icon-eye-dark Created with Sketch. 2.732