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
294 forks
Language: TypeScript
last commit: 5 months ago
Linked 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,548 |
 react-figma/react-figma | A tool that enables developers to create user interfaces using React components in Figma design files. | 2,548 |
 vercel/ai | A toolkit for building AI-powered applications with various frameworks and model providers | 10,114 |
 bernaferrari/figmatocode | Converts Figma designs to fully responsive web and mobile applications using multiple frameworks | 3,774 |
 mikaelvesavuori/figmagic | Automates design and development workflows by generating design tokens, exporting graphics, and extracting React components from Figma documents. | 814 |
 automaapp/automa | An extension for automating browser tasks by creating a workflow of connected blocks. | 11,759 |
| builderio/mitosis | A tool for building reusable components that compile to multiple frontend frameworks | 12,528 |
 figma-linux/figma-linux | An unofficial Electron-based Figma desktop app for Linux, providing an interface design tool in the browser environment. | 2,717 |
 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,771 |
 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,486 |
 abi/screenshot-to-code | Converts screenshots into functional code using AI models. | 59,819 |
| builderio/gpt-crawler | Automates the process of generating knowledge files to create custom AI models from website content | 18,860 |
 douyinfe/semi-design | A comprehensive design system and React UI library with features like design-to-code conversion and customizable design tokens. | 8,463 |
 airbnb/lottie-web | A JavaScript library that enables native rendering of Adobe After Effects animations on web and mobile platforms. | 30,599 |