gridaco/code
Design to Code Engine
Converts Figma, Sketch, and Adobe XD designs into production-ready code across multiple frameworks (React, Flutter, React Native, Vue, Svelte, SolidJS, vanilla HTML/CSS) with support for styling libraries like styled-components, Emotion, and Material-UI. Parses design files through a custom SDK, applies layout linting and constraint resolution, then generates framework-specific output with proper module structure and TypeScript documentation. Available as a CLI tool, Figma plugin, or browser-based IDE at code.grida.co.
260 stars. No commits in the last 6 months.
Stars
260
Forks
34
Language
TypeScript
License
Apache-2.0
Category
Last pushed
Jan 18, 2025
Commits (30d)
0
Get this data via API
curl "https://pt-edge.onrender.com/api/v1/quality/ai-coding/gridaco/code"
Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.
Higher-rated alternatives
rgerum/pylustrator
Visualisations of data are at the core of every publication of scientific research results. They...
mostafasadeghi97/design2code
Convert any web design screenshot to clean HTML/CSS code
Benitmulindwa/FigmaFlet
Generate Flet UI from Figma designs
MrXujiang/H5-Stream
基于自然流布局的H5-dooring可视化拖拽搭建平台设计方案
Souravdey777/flexbox-guide
⚡ A Guide for the concept of Flexbox and responsive design. Simply set the attributes as you...