Keep Design System
keepdesign.io又名 Keep Design System、Keep、Keep React
StaticMania 出品的界面资源库,把按钮、表单、图表等做成 Figma 组件变体,配设计令牌变量统一管理颜色与间距,并附 40 多个组件的开源 React 库,适合做 SaaS 后台和管理面板的设计师与前端开发者快速搭出原型。
工具有免费版网页英文

Keep Design System 是一套给设计师和开发者共用的界面资源库。它把按钮、表单、图表、仪表盘这类常用界面元素做成 Figma 组件,配上设计令牌(Figma Variables),改一处颜色或间距就能同步到整个项目。对需要快速出原型、又不想从零画组件的人来说,它省掉的是搭基础样式的时间。
主要功能
Figma 文件里包含组件变体和全局样式,支持一键切换暗色模式。设计令牌以 Figma 变量形式提供,方便统一管理颜色、字号等基础值。代码侧另有一个开源 React 组件库 Keep React,页面上说有 40 多个组件,托管在 GitHub,可以单独取用,不买付费版也能用。
版本与价格
免费版给基础组件和全局样式,个人授权,含终身更新。个人版 99 美元,解锁全部组件变体和商用授权;团队版 249 美元,最多 10 人。三个档位都标注终身更新和高级支持,付费通过 Lemon Squeezy 结账。页面还提到学生七折、推广返佣 35%。
适合谁
做 SaaS 后台、管理面板、营销页的设计师和前端开发者最对口,尤其是已经在用 Figma 和 React 的团队。它不解决业务逻辑,也不生成页面内容,拿到的是组件和样式基础。免费版够试水,要商用或要全部变体就得买个人版以上。页面当前版本标为 v2.0,界面只有英文。
常见问题
Keep Design System 收费吗?
Keep Design System 有免费版,部分功能或用量要付费。免费版基础组件;个人版 $99,团队版 $249 最多 10 人。
Keep Design System 有哪些平台 / App?
支持 网页。
Keep Design System 的替代品有哪些?
本站整理了 6 个替代品,例如 shadcn/ui、HeroUI、Tailwind CSS、Ant Design。