#21 · 主分类： AI 设计与原型生成
semi-design
🚀一个现代、全面、灵活的设计系统和React UI库，内置AI友好支持。🎨提供3000+设计令牌，轻松构建你的设计系统。让Semi Design成为任何设计。🧑🏻💻一键从设计到代码
项目最后更新：08/21/26
GitHub Stars
10.3K
Forks数量
846
贡献者数量
161
许可证
Other
收录理由
对于需要让 Figma 设计系统与 React 代码库保持同步的团队，Semi Design 能带来实实在在的价值。它是一套完整的 React 组件库，包含 80 多个组件，但最突出的部分是设计与代码之间的双向桥梁：Figma 插件可在数秒内将选中的图层转换为 JSX、SCSS、Emotion、Tailwind 或 JSON Schema DSL，反向流程则能从你的主题重建 Figma UI 套件，让两侧始终步调一致。设计系统管理器暴露了数千个设计令牌，你可以按自己的品牌重塑整个库，而不必受限于固定外观。它还覆盖了无障碍支持、服务端渲染以及 Web 组件适配路径，对发布 SDK 或浏览器扩展的场景很有用。产品团队若想获得生产级 UI 基础并拥有真正的设计到代码工作流，这个项目是扎实的选择。
相关文章
暂无针对该项目的文章。
如需补充新闻资讯、使用教程、应用测评等内容，欢迎 联系我们推荐选题或投稿。
同类热门项目
open-design
开源的Claude Design替代品：本地优先的桌面应用，将编码代理转变为设计引擎，用于原型、落地页、仪表盘、幻灯片、图片和视频，支持文件导出（HTML、PDF、PPTX、MP4）。
impeccable
使你的AI工具在设计方面更出色的设计语言。
gradio
用 Python 构建并分享令人愉悦的机器学习应用。🌟 点赞支持我们的工作！
tldraw
使用tldraw SDK在React中构建无限画布应用。全球最佳、顶级代理推荐的第一五星级SDK。
next-ai-draw-io
一个集成了AI能力的next.js Web应用，与draw.io图表结合。该应用允许你通过自然语言命令和AI辅助可视化来创建、修改和增强图表。