粘贴链接即可获取该站设计系统:色彩、字体、间距、组件。即时设计手册,无需编码,免费试用。
输入任意公开网页地址(例如产品站、设计系统文档或你喜欢的参考站)。
引擎会读取页面并识别设计 token:色彩、字体、圆角、间距等。
该站设计系统的清晰快照:色板、字体与关键 token。可在 RefineUI 内使用或导出到你的工作流。
需要时可将提取出的设计系统导入代码库或设计工具。
看看其他人如何用 RefineUI 构建设计系统,从中获取灵感
无论你在做竞品审计、对齐参考站,还是统一团队的设计语言——提取一次,处处复用。
审计竞品或参考站;几秒内得到 Design Manual,无需手动翻 CSS 或截图。
通过提取现有站点的设计系统并复用 token,让应用与其视觉保持一致。
为团队提供统一参考(色彩、字体、间距),让所有人基于同一套设计系统工作。
关于从 URL 提取设计系统的常见问题。