帮助与文档

Flash DSM 入门：生成第一个设计系统、编辑令牌、导出为代码、连接 Figma 与 GitHub，以及管理额度。

关于 Flash DSM 的常见问题。没找到答案？到 Discord 找我们。

Flash DSM 是什么？

Flash DSM 是一个设计系统构建工具。用自然语言描述你的产品、粘贴网站 URL 或连接 Figma，Flash DSM 就会搭建出完整的基础层：颜色、字体、间距、圆角、阴影、动效令牌，外加组件规格。你可以编辑它们，再导出为 CSS、Tailwind、Tokens Studio JSON，或直接推送到 GitHub。

网站扫描是如何工作的？

粘贴任意公开 URL，Flash DSM 会抓取站点的 CSS，从每个基础层（颜色、间距、字体、圆角、阴影）提取令牌，识别反复出现的组件模式，并根据线上样式组装出结构化的设计系统。对于只存在于已上线代码里的设计系统，这是最快的整理方式。

可以连接我的 Figma 文件吗？

可以。Flash DSM 通过 OAuth 和 Flash DSM Figma 插件连接 Figma。选一个设计文件，Flash DSM 会把其中的变量和样式导入为设计令牌；生成的系统也能以变量的形式推回 Figma。

Flash DSM 支持哪些导出格式？

Flash DSM 可导出 CSS 自定义属性、SCSS、Tailwind 配置、Tokens Studio JSON、完整的 Figma 插件包、GitHub 推送，以及带 MCP 的 Cursor 规则，这些都在 Pro 及以上套餐提供，并附带可运行的 ZIP。Free 套餐可以复制 CSS、SCSS、Tailwind 和 JSON，但带一行署名注释；付费套餐导出干净文件，并解锁更高级的导出目标。

Flash DSM 免费吗？

注册 Flash DSM 账号免费，自带一个 Genome，可以构建、编辑，并从中拉取有限的一组组件，无需绑卡。Pro、Team 和 Studio 增加模块拉取、更新同步、共享 Genome 和客户交接。

Flash DSM 生成的设计系统归我所有吗？

是的。Flash DSM 生成的每个令牌、组件规格、CSS 文件和导出都归你所有，可用于客户项目、商业产品和开源项目。Free 套餐的 CSS 和 Tailwind 文件含一行简短的 Flash 署名注释；付费套餐导出时没有。

如何获得 Flash DSM 的支持？

想快速获得帮助，加入 Flash DSM 的 Discord；报告 bug 或提功能需求，可以发起 GitHub Discussion。Team 和 Studio 套餐包含优先支持。

还是卡住了？

到 Discord 里问一声，通常都有人在。或者给我们发邮件。