Generate Tokens for your Design System from Figma


Mikael Vesavuori


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.
Visit Site
Related Projects