design-to-code

Cursor dành cho Designer • Công cụ thiết kế hướng AI mã nguồn mở • Xây dựng, tạo kiểu và chỉnh sửa ứng dụng React của bạn bằng AI một cách trực quan

Giải pháp thay thế Claude Design mã nguồn mở. Nhập khóa API Claude Code / Codex bằng một cú nhấp chuột. Prompt → nguyên mẫu / slide / PDF. Đa mô hình (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, ưu tiên cục bộ, MIT.

Trích xuất toàn bộ hệ thống thiết kế của bất kỳ trang web nào chỉ với một lệnh. Token DTCG, ngữ nghĩa+nguyên thủy+tổ hợp, máy chủ MCP cho Claude Code/Cursor/Windsurf, trình phát hành đa nền tảng (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, biến Figma, shadcn/ui, kiểm tra sức khỏe CSS, khắc phục WCAG, tiện ích mở rộng Chrome. MIT, Playwright, Node 20+.

Chuyển đổi bất kỳ trang web nào thành thiết kế Figma có thể chỉnh sửa

Trích xuất hệ thống thiết kế của bất kỳ trang web nào thành các token chỉ trong vài giây: logo, màu sắc, kiểu chữ, viền và nhiều hơn nữa. Chỉ với một lệnh.

Biến Claude thành Kiến trúc sư thiết kế cấp cao — bao gồm design tokens DTCG, 42 thành phần, hỗ trợ tiếp cận WCAG 2.2, mã nguồn cho mọi framework, 138 hệ thống thiết kế và các kỹ năng có thể thực thi.

Máy chủ Figma MCP hai chiều miễn phí. Chuyển đổi thiết kế thành mã nguồn hỗ trợ framework và đẩy mã ngược lại canvas. Hoạt động với Claude Code, Cursor, Codex và bất kỳ client MCP nào.

Chuyển đổi bất kỳ ảnh chụp màn hình thiết kế web nào thành mã HTML/CSS sạch.

Flame là một hệ thống AI đa phương thức mã nguồn mở được thiết kế để chuyển đổi các bản thiết kế UI thành mã React chất lượng cao. Nó tận dụng mô hình ngôn ngữ thị giác, tổng hợp dữ liệu tự động và quy trình đào tạo có cấu trúc để thu hẹp khoảng cách giữa thiết kế và phát triển front-end.

Plugin Figma và máy chủ MCP để vượt qua giới hạn API

200 production-grade DESIGN.md design systems for the world's best apps. Framework-neutral plus SwiftUI, Jetpack Compose, and Expo. Hand one to your AI agent, ship pixel-matched UI.