figma-html
Design converter
A tool for converting Figma designs into live webpages and code, supporting various frameworks and languages.
Builder.io for Figma: AI generation, export to code, import from web
3k stars
32 watching
298 forks
Language: TypeScript
last commit: over 2 years agoLinked from 1 awesome list
angularchrome-extensiondesign-systemsdesign-to-codedesign-toolsfigmafigma-pluginfigma-pluginshtmljsx-liteno-codereactstorybooksveltetypescriptvue
Related projects:
| Repository | Description | Stars |
|---|---|---|
| builderio/builder | Enables developers to visually create and generate code for various frontend frameworks | 7,645 |
 react-figma/react-figma | A tool that enables developers to create user interfaces using React components in Figma design files. | 2,569 |
 vercel/ai | A toolkit for building AI-powered applications with various frameworks and model providers | 10,554 |
 bernaferrari/figmatocode | Converts Figma designs to fully responsive web and mobile applications using multiple frameworks | 3,830 |
 mikaelvesavuori/figmagic | Automates design and development workflows by generating design tokens, exporting graphics, and extracting React components from Figma documents. | 819 |
 automaapp/automa | An extension for automating browser tasks by creating a workflow of connected blocks. | 12,581 |
| builderio/mitosis | A tool for building reusable components that compile to multiple frontend frameworks | 12,616 |
 figma-linux/figma-linux | An unofficial Electron-based Figma desktop app for Linux, providing an interface design tool in the browser environment. | 2,750 |
 async-labs/builderbook | A comprehensive web application to learn and build full-stack web apps using React, Next.js, Node.js, Express.js, MongoDB, and various other technologies. | 3,776 |
 severenit/figma-to-web | Enabling Figma design assets to be used in web applications via APIs and integration libraries | 40 |
 googlechromelabs/projectvisbug | A browser extension that enables designers to edit web pages directly in any state, leveraging design tool nudging skills. | 5,495 |
 abi/screenshot-to-code | Converts screenshots into functional code using AI models. | 65,437 |
| builderio/gpt-crawler | Automates the process of generating knowledge files to create custom AI models from website content | 19,059 |
 douyinfe/semi-design | A comprehensive design system and React UI library with features like design-to-code conversion and customizable design tokens. | 8,583 |
 airbnb/lottie-web | A JavaScript library that enables native rendering of Adobe After Effects animations on web and mobile platforms. | 30,699 |