#

design-to-code

Here are 13 public repositories matching this topic...

dembrandt / dembrandt

Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

nodejs css productivity open-source design-systems frontend reverse-engineering dx developer-experience design-tokens tailwind-css design-ops design-to-code playwright design-engineering ui-audit brand-audits

Updated Mar 31, 2026
JavaScript

imgcook / imgcook-cli

Using Imgcook force in your terminal

design-to-code

Updated Dec 12, 2022
JavaScript

stitch-kit

gabelul / stitch-kit

Design superpowers for AI coding agents. 35 skills, 5 layers, 7 framework targets. Ideation, batch generation, design systems, iteration loops, and production conversion via Google Stitch MCP. Claude Code plugin + Codex CLI agent. The design intelligence layer your agent was missing.

Updated Mar 24, 2026
JavaScript

PMDevSolutions / Aurelius

Claude Code-integrated React App Development Framework with 48 agents, Figma-to-React pipeline, and full product lifecycle support. Named after Marcus Aurelius.

react open-source automation typescript developer-tools figma ai-agents tailwind-css design-to-code claude-code

Updated Mar 31, 2026
JavaScript

vincegx / Figma-to-Code_MCP

Figma-to-Code converter powered by Model Context Protocol. Features: 11 AST transforms, dual output modes (Tailwind/Pure CSS), Puppeteer validation, shadcn/ui dashboard.

react docker typescript ast code-generation figma design-to-code figma-plugin shadcn-ui tailwindcss-v4 model-context-protocol-client

Updated Jan 7, 2026
JavaScript

fazle-rabbi-dev / Propel

🎨🏝️ Agency landing page - A pixel-perfect implementation of a Figma design using modern frontend tools.

landing-page design-to-code figma-to-code figma-to-reactjs

Updated Oct 4, 2025
JavaScript

vijita-u / vijita_udayabhanu

This is my online portfolio website created using ReactJS and Framer Motion for animated elements.

sass jsx reactjs figma design-to-code framer-motion

Updated Jan 5, 2026
JavaScript

blordeus / soul-system-streaming

Minimalist music player UI for my Soul System album. Built with React, Tailwind, and Figma design system.

react product-design music-player prototype web-audio ui-ux case-study design-system portfolio-project tailwindcss minimal-ui design-to-code figma-design vercel-deploy

Updated Oct 16, 2025
JavaScript

fazle-rabbi-dev / Findtrend

🎨🔥 Digital company landing page - A pixel-perfect implementation of a Figma design using modern frontend tools.

landing-page design-to-code figma-to-code figma-to-reactjs modern-landing-page

Updated Oct 5, 2025
JavaScript

cypsh1 / figma-layout-guard

Verifiable Figma-to-code workflow with raw API semantics, CSS translation, and risk checks.

css automation frontend mcp developer-tools cursor figma design-to-code d2c figma-to-code ui-engineering ai-coding cursor-rules vibe-coding

Updated Mar 3, 2026
JavaScript

fazle-rabbi-dev / Biccas

🎨🎉 Saas landing page - A pixel-perfect implementation of a Figma design using modern frontend tools.

design-to-code figma-to-code figma-to-reactjs saas-landing-page

Updated Oct 5, 2025
JavaScript

UfukCemDELICE / EpiX

Your browser-native frontend framework with JSX syntax and built-in AI copilot.

webcomponents jsx signals frontend-framework shadow-dom native-js vite design-to-code react-alternative epix ai-agent nano-jsx

Updated Jun 26, 2025
JavaScript

theSingingMountain / react-travel-journal

A Travel Journal project assigned in the Scrimba course "React Basics".

javascript css html reactjs react-basics design-to-code

Updated Aug 21, 2023
JavaScript

Improve this page

Add a description, image, and links to the design-to-code topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the design-to-code topic, visit your repo's landing page and select "manage topics."