design-to-code

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.

PSD → HTML/React/Vue compiler. Pixel-perfect, IR-based, with smart Flex inference & semantic class naming. 设计稿一行命令转代码，像素级还原。

Design-to-Unity MCP for turning Lanhu, Figma, and PSD/Photoshop UI designs into structured handoff packets, assets, and Unity-ready UGUI prefabs.

This project automates the conversion of Figma designs into code, supporting frameworks like Tkinter, Kivy, PyQt5, Java Swing, and C++ QT. It streamlines UI development by transforming design files into fully functional, customizable code while preserving the original layout, colors, fonts, and components.

Agent Skill — 让 AI 看懂 Mockplus(摹客)设计稿。贴 URL 即得结构化 YAML + 切图,AI 直接生成 Vue/React/Flutter 代码,无需看 PNG 猜规格。装到 Claude Code / Cursor / Codex 等。

AI skill for mirroring public webpages into local pixel-perfect replicas with captured assets, visual QA, and rebranding inventories. 像素级复刻公开网站，内置抓取资源、视觉QA能力和品牌替换清单。

Self-contained OKF design workflow for AI agents: DESIGN.md contracts, taste checks, critique/repair, and rendered verification.

Figma to iOS UIKit codegen: deterministic data package + Agent skills (Cursor/Claude) for baseline Swift UI.

Pixel-faithful UI cloning skill for Claude Code, Cursor, Codex CLI, ChatGPT, and Copilot. Anti-hallucination contract + adversarial verification. Built on the SKILL.md open standard.

One Figma capture, six runnable outputs - HTML / Unity / Godot / Unreal / Cocos + a semantic UI-DSL, compiled from one pixel-faithful IR with declared interactions.

Figma 디자인을 네이티브 UI(Android Compose/XML, iOS SwiftUI/UIKit)로 변환하고, 실기기 캡처를 Figma 원본과 픽셀 대조해 오차를 보정하는 Claude Code 플러그인

Image-to-website Codex skill pipeline: design prototypes, generated assets, and working frontend builds from one reference image.

Codex skill for creating, updating and validating Hugo themes from Figma frames, screenshots and existing theme references.

A reusable Codex Skill for upgrading SwiftUI macOS apps with a polished, accessible glass-style UI design system.

Portable agent skill and local browser bridge for sending frontend UI prompts into Stitch and getting raw export code back.

Claude Code skill plugin that turns any design (Claude Design, screenshot, HTML, Figma) into production-ready Expo + NativeWind code. One skill, three slash commands, two reviewer agents.

Reusable Cursor agent utility plugin: research method (PROTOCOL grades, codebase recon, documentation research, ADRs, AGENTS.md authoring, Cursor surface authoring), Design, Plan, Execute, Verify gates, Debug, and happy-path orchestration (implementation-happy-path).

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.

A Figma design-to-code agent built on Google ADK and LiteLLM — extracts design tokens (text, colors, layout) from Figma via a custom MCP server and generates JSX-ready code. Supports multi-provider LLM routing and modular prompt templates.

Figma parent frame in, shipped feature out: an 8-stage orchestrator Agent Skill for Claude Code and Codex (SwiftUI + TCA)