让已有的设计系统，更好用。
整理组件、统一规范，从关键页面开始升级。
Actions
Project settings
EnvironmentProduction
Deployment
Auto deploy
● Runningv2.8.0
78% · Deploying services
按钮、指标、图表与状态，统一组织。
设计系统服务沿用你的基础，
沿用你的基础，
补齐真正的缺口。
设计与代码，
一套标准。
以统一的 Design Token 连接 Figma 变量与代码变量，
让颜色、字体、间距和主题在两端保持一致。
BASEPLATE / COMPONENTS
Design collectionEvery detail. One system.
统一主题与变量Figma 组件与代码实现业务模板与 AI 编码规范
看看组件，如何使用。
颜色 · 变量 · 交互 · 图表组件进入产品，
设计才完整。
浏览更多作品
合作前，你可能想了解
新建设计系统，还是升级现有体系？
没有统一规范时，可以从主题、组件与业务模板开始建设；已有组件库时，先盘点差异与缺口，沿用可复用资产，从关键模块逐步升级。
Figma 与代码如何保持一致？
以统一的 Design Token 为标准，对齐 Figma 变量与代码变量，让颜色、字体、间距和主题在两端一致，并结合组件规则核对实际页面。
Baseplate 展示了哪些能力？
基础颜色与全局变量、按钮与交互状态、空状态、图表、富文本编辑器、指标卡片，以及 Dashboard、HUD 大屏和业务页面模板。
微信扫码 · 点击放大