design-to-code
There are 43 repositories under design-to-code topic.
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
gridaco/code
Design to Code Engine
kat-tax/figma-to-react-native
Figma → React Native
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
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
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
iarthstar/presto-dom-code
Generates Presto-Dom code from Sketch Layers
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.
PChaparro/bookmark-landing-page
Frontend mentor challenge.
rahulpeacock/design-to-code
A curated collection of design inspirations sourced from Twitter. Each design is coded and implemented, showcasing different approaches and techniques in web development.
RemalFatima/Urdu-Spell-Checker
Empower software professionals with the Urdu Spell Checker. Seamlessly integrating advanced language processing, real-time spell checking, frequency analysis and error correction. Elevate accuracy and fluency in technical communication with a user-friendly interface, precise suggestions and mutant word generation.
sharipovikromjon/Figma-to-HTML-CSS-50Plus-Landing-Pages
A collection of 50+ landing pages created from Figma designs, converted into HTML and CSS.
theSingingMountain/design-to-html
A Template-to-Design of the XD Design found in this Adobe XD link: https://xd.adobe.com/view/50aa12fd-ef1f-47f9-8dc3-ec6687d3c3ed-05f9/
theSingingMountain/react-travel-journal
A Travel Journal project assigned in the Scrimba course "React Basics".
Wabtech-B/wabtech
Wabtech main website
yatang290/food-landing-page
A Food Landing Page
yatang290/travel-agency-landing-page
A Travel Agency Landing Page
GeorgiosDrivas/shutter-shop
React website to showcase design-to-code skills
nabi-cloud/tea-cozy
Fictional tea shop website based on a provided design spec and image assets
PChaparro/countries-landing-page
REST Countries API with color theme switcher challenge from #frontendmentor.