{"repo":"mikaelvesavuori/figmagic","free":true,"listed":false,"github":"https://github.com/mikaelvesavuori/figmagic","clone":"git clone https://github.com/mikaelvesavuori/figmagic.git","description":"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.","language":"TypeScript","stars":863,"topics":["figma","figma-api","design-specs","design-tokens","tokens","ux","design-system","design-systems","hacktoberfest"],"license":"MIT","category":"ui-components","readme_excerpt":"Figmagic 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. 🏕️ Kumbaya, friends. Figmagic automates the world into a better place, but does not attempt to completely remove designers or developers: It just aims to move them closer, while eliminating most of the tedious busywork that has grown around front-end development. Built initially as an internal handoff tool for Humblebee. To read about recent changes, see the GitHub releases page or the announcements page. Table of contents - Translations - Product vision - Introduction - Additional documentation sources - The Figmagic ecosystem - Using Figmagic - Preparing Figma for Figmagic usage - What are design Tokens? - Working with Figmagic as a designer - Token formatting and conversions - Configuring Figmagic - Templates used for code generation - Code structure - License - Contributing to Figmagic - Contributors Translations You can also read this README in the following languages: - 🇧🇷 Portuguese (Brazil) (partial translation) Product vision Interested in understanding the vision for Figmagic? Then you should read the product vision. Introduction Figmagic promotes a structured way of assembling design systems Figmagic is a very straightforward, super-flexible command-line tool that helps you do three things well: 1. Output design tokens Outputting and using design tokens aids in designing with a stru","default_branch":null,"files":null,"tree":[],"storefront":"/r/mikaelvesavuori","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mikaelvesavuori/figmagic/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}