figma-to-code

Figma to React Converter

Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.

Complete workflow for professional LVGL UI development. Import from Figma, build in XML with instant preview, test in CI, and export plain LVGL C. No extra runtime needed.

🤖 Bring your Figma design & development pipeline to the next level - with design to code, in-design-content-management, component management, tools for faster design

Drag & drop in Figma to create a Python GUI with ease

Vibe Genius 团队整理的 DeepLearning.AI 官方课程 'Claude Code: A Highly Agentic Coding Assistant' 学习笔记，由 Andrew Ng 和 Anthropic 的 Elie Schoppik 主讲

Figma → React Native

Design to Code Engine

Bootstrap projects from Figma, Linear, Notion & GitHub specs. The only AI ralph with source integrations.

Figma to HTML/React/Vue and truly responsive

The design layer for agentic AI — design context, interface checks, and verification for coding agents.

Figma to design.md — Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)

Frontend Useful MCP Tools - Essential utilities for web developers to automate API integration and code generation

phenomenal Realestate Management Dashboard App consisting Dashboard, Properties, Agents and Profiles - built with React & Material-UI using @refinedev ♾️

An opinionated take on Design System Typography for iOS and tvOS.

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.

🍎 Learning iOS Frontend: iOS Food Ordering Application with SwiftUI, WidgetKit, Google Fonts, and Assets from Figma 🍔

Figma → Code (HTML/CSS/Tailwind/tokens), read by any AI agent via MCP. Free, local, no Dev seat, no account.

Pre-implementation interview between Figma and AI codegen. Linter + plain-language Q&A for designers who want their craft to ship exactly. CLI / MCP / Claude Code skill.