#21 · Primary category： AI Design & Prototyping
semi-design
🚀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
Project last updated：08/21/26
GitHub Stars
10.3K
Forks
846
Contributors
161
License
Other
Why we included this project
Teams that keep a Figma design system and a React codebase in sync will get real value from Semi Design. It's a full React component library with 80+ components, but the part that stands out is the two-way bridge between design and code: a Figma plugin turns selected layers into JSX, SCSS, Emotion, Tailwind, or a JSON Schema DSL in seconds, and the reverse flow rebuilds a Figma UI kit from your theme so the two sides stay in step. The design system manager exposes thousands of design tokens, letting you restyle the whole library to match your own brand instead of living with a fixed look. It also covers accessibility, SSR, and a web-component adaptation path, which is useful if you're shipping SDKs or browser extensions. For product teams that want a production-grade UI foundation with a real design-to-code workflow, this is a solid pick.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
open-design
Open-source Claude Design alternative: local-first desktop app turning coding agents into a design engine for prototypes, landing pages, dashboards, slides, images, and video, with file exports (HTML, PDF, PPTX, MP4).
impeccable
The design language that makes your AI harness better at design.
gradio
Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!
tldraw
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
next-ai-draw-io
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.