The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create motion, prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace.
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
MCP server to provide Figma layout information to AI coding agents like Cursor
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻💻 Design to Code in one click
AI-native design editor. Open-source Figma alternative.
Open-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype / slides / PDF. Multi-model (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, local-first, MIT.
An open source icons library with 1600+ icons, supporting React, React Native, Flutter, Vue, Figma, and Framer.
Angular components library for awesome people
Create beautiful moving gradients on Framer, Figma and React
⚛️ A React renderer for Figma
Grida — Open Canvas
Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.
Reshaped provides accessible React and Figma components for building beautiful products or starting your own design system
🖼 React library to support easy zoom, pan, pinch on various html dom elements like <img> and <div>
Official repository of the plugin 'Tokens Studio for Figma' (Figma Tokens)
A tool for connecting your design system components in code with your design system in Figma
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.
A Web Graphics Editor Built with Canvas. 基于 Canvas 实现的图形编辑器
A Storybook addon that embeds Figma, websites, or images in the addon panel.
Simple Design System (SDS) is a base design system that shows how Figma’s Variables, Styles, Components, and Code Connect can be used alongside a React codebase to form a complete picture of a responsive web design system.
Figma to React Converter
⚡ A simple Once UI setup for a new project. Just what's necessary, nothing else.
Figma Plugin & MCP server to bypass API limits
Figma like visual editor built for Claude Code, Codex and OpenCode
Create, edit, and implement Figma designs with your coding agent.
Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.
AI design editor, open-source Figma alternative with Spring Boot and React.
🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Vercel, Notion, Apple, Supabase, Figma…) + design tokens, UI principles & WCAG rules. Install any component with one command.
A visual CSS framework and design-token builder for the web, WordPress, and Figma.
1,568 free MIT icons in stroke, two-tone, duotone and fill, rounded or sharp: 12,544 SVGs on one 24×24 grid. Built for shadcn/ui.
The open source alternative to Framer, Webflow, Figma. A website builder where you design on a pixel-perfect visual canvas, create components, animations, manage cms and translations. Export to Next.JS code. Use our cloud or host locally on your computer.
—
Code-to-design-to-code: Claude Code skills closing the loop between Figma and a production codebase — d2c / c2d / ds-govern. Install: npx skills add BIAsia/c2d2c
Open-source 2D architectural editor with a Figma-like interface, a local CLI, and practical workflows for humans and AI agents.
Analyze rendered web UIs and rebuild observable design-system assets as editable Figma assets.
让 Codex 在 Figma 里完成可编辑设计:UI、图标、布尔运算与 image_gen 复刻,附带可安装的 Skill。
AI 原生的数据大屏 / BI 可视化编辑器:用自然语言、Figma 或截图让多 Agent 协作搭大屏、接数据、配联动,改动实时同步画布。