design-to-code
There are 53 repositories under design-to-code topic.
onlook-dev/onlook
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
BuilderIO/figma-html
Convert any website to editable Figma designs
imgcook/imgcook
Generate pages from any sketch or images.
mostafasadeghi97/design2code
Convert any web design screenshot to clean HTML/CSS code
Flame-Code-VLM/Flame-Code-VLM
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.
uimix-editor/uimix
A WYSIWYG React component builder 🚧 Very work-in-progress
kat-tax/figma-to-react-native
Figma → React Native
gridaco/code
Design to Code Engine
BuilderIO/vscode
Builder.io for VSCode - turn designs into code!
bricks-cloud/bricks
Bricks is an open source tool for converting Figma designs into high-quality frontend code.
whynotmake-it/figmage
A CLI for generating Flutter themes from Figma files
imgcook/imgcook-cli
Using Imgcook force in your terminal
px2code/Figma-to-HTML
Figma to HTML/React/Vue and truly responsive
obvious/token-weaver
Token Weaver is a GitHub Action to transform the Figma Token Studio tokens to platform specific theme files
chara-codes/chara
Chara Codes is an AI-powered development environment designed to streamline frontend development workflows.
onyx-gen/onyx
A Figma plugin that helps to transform Figma Design Systems to Vue components with UnoCSS utility classes.
uznam8x/figon
figma to html structure json
Zapcode-FTC/Zapcode-Figma-MCP
Figma MCP
Ritik-Saxena/Design_to_Code-Flutter
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.
Id-Yuu/SPA-Front
This repo contains the results of slicing UI from Figma Project
px2code/Sketch-to-HTML
Sketch to HTML: A online UI/Code editing tool for Smart Responsive Design
codia-d2c/resume-template
This repository are all kinds of excellent resume templates
denisdindar/clipboard-landing
Clipboard Landin Page Challange
fedorivanenko/ivpay-website
Modern website for a crypto startup built with next.js, tailwind-css shadcn-ui, and custom animations using framer-motion. Features custom animation queuing. https://ivpay.io
iarthstar/presto-dom-code
Generates Presto-Dom code from Sketch Layers
Mordekai66/design2apps
This project automates the conversion of Figma designs into Python code, supporting frameworks like Tkinter, Kivy, and PyQt5. It streamlines UI development by transforming design files into fully functional, customizable Python code while preserving the original layout, colors, fonts, and components.
moyunzero/Blueprint-AI
🤖 AI-powered tool that transforms UI designs into structured development blueprints
paulasilvatech/Design-to-Code-Dev
Automate front-end development: a hands-on workshop using Figma, GitHub Copilot, and Azure AI to turn designs into code quickly and consistently.
UjjwalSaini07/VoidToForm
A curated fusion of design, development, and digital creativity — transforming ideas from concept to creation into impactful, user-focused experiences. ✨
VangmanawKairung/frontend-mentor-blog-preview-card
Solution for the Blog Preview Card challenge on Frontend Mentor, built with HTML and CSS
vijita-u/EasyBank_Landing_Page
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.
vijita-u/Portfolio_Vijita_Uday_ReactJs
This is my online portfolio website created using ReactJS and Framer Motion for animated elements.
GeorgiosDrivas/shutter-shop
React website to showcase design-to-code skills
ouardaoui/igma-to-next-sync
Stop breaking your code with Figma exports! Smart Python tools to analyze, clean, and selectively merge Figma-generated code into existing Next.js/TypeScript projects.
UfukCemDELICE/EpiX
Your browser-native frontend framework with JSX syntax and built-in AI copilot.