Builder.io for Figma: AI generation, export to code, import from web
Generate pages from any sketch or images.
Convert any web design screenshot to clean HTML/CSS code
A WYSIWYG React component builder 🚧 Very work-in-progress
Design to Code Engine
Figma → React Native
Bricks is an open source tool for converting Figma designs into high-quality frontend code.
A CLI for generating Flutter themes from Figma files
Figma to HTML/React/Vue and truly responsive
Flame is an open-source multimodal AI system designed to translate UI design mockups into high-quality React code. It leverages vision-language modeling, automated data synthesis, and structured training workflows to bridge the gap between design and front-end development.
Token Weaver is a GitHub Action to transform the Figma Token Studio tokens to platform specific theme files
A Figma plugin that helps to transform Figma Design Systems to Vue components with UnoCSS utility classes.
figma to html structure json
UI design of professional designers converted in flutter code. Check out different folders for source code. For design credits, do check out README.md of a specific project folder.
Sketch to HTML: A online UI/Code editing tool for Smart Responsive Design
This repo contains the results of slicing UI from Figma Project
Clipboard Landin Page Challange
Created a landing page for an intermediate-level Frontend Mentor challenge to enhance HTML, CSS, JS and Sass Skills while mastering the art of converting designs into code and responsive design.
Add a description, image, and links to the design-to-code topic page so that developers can more easily learn about it.
To associate your repository with the design-to-code topic, visit your repo's landing page and select "manage topics."