你用 Figma,你的设计稿在 Figma 的服务器上,你的设计系统在 Figma 的服务器上,随时可以被涨价、被迁移、被断供——Penpot,56800 个 Star,把这整件事颠覆了。
一句话:开源的 Figma,可以部署在你自己的服务器上,数据完全归你,设计直接出 SVG/CSS/HTML 代码。
为什么值得认真看一下:
(1)设计即代码——做好的稿子,切换到 Inspect 模式,右边直接出 CSS、SVG、HTML,开发不用再猜间距、颜色、字号,直接复制用
(2)Design Tokens 原生内置——不是插件,是核心功能。颜色、字体、间距统一管理,设计改一个地方,前端的变量跟着变,不用再手动对稿子
(3)自带 MCP Server——AI 可以直接读你的设计文件、帮你生成代码、做设计审查,接进 Claude Code 就能用
(4)CSS Grid 和 Flex 布局——在设计稿里直接做响应式,不是画死的,做出来的布局和前端写的代码逻辑一样
(5)完全自托管——Docker 几条命令跑起来,数据在你自己机器上,合规、安全、不依赖任何第三方
浏览器直接用不用装任何东西,也可以自己部署。设计工具里少见的真正开源。
用 AI 做产品、跑设计系统、或者在意数据主权的兄弟,这个值得装一个试试。
好东西转给需要的兄弟。🚀
#
开源工具# #
AI设计# #
老杨啊分享#