AITOP
全部 AI 动态
AI 相关资讯全量信息流
全部博客资讯推文论文
全部模型产品行业论文技巧
标签：设计系统×
6月26日
11:19
11:19shao__meng@shao__meng
精选
v0 推出 Design Systems 2.0，该功能可让 v0 一次性学习你的设计系统（组件、tokens、约定），此后所有对话均使用真实组件库生成应用，无需重复描述或贴文档。它通过一个“适配器” skill 存储，指向真实源代码仓库（如 GitHub），声明可安全使用的组件/props/tokens，并告知接入方式（providers、全局样式等）。导入工作流包含5个步骤：收集来源（设计系统包、源码、Storybook 等）、配置环境变量、补充备注、自动生成 v0.json、审查启动应用。v0.json 仅含机器可复用部分，包括 referenceWorkspace.sources（最多3个只读源）、environment.providers、starter。更新 skill 不会自动迁移旧项目，需显式重写。
AI产品v0Design Systems 2.0GitHub设计系统编程助手
推荐理由：v0 出了一招：把你的设计系统注册成一个 skill，之后每次生成 app 都用真组件，不用反复描述样式，省大事了。
原文
6月18日
09:30
09:30小互@imxiaohu
Anthropic 更新了 Claude Code 和 Claude Design 的集成，新增双向同步功能。运行 /design-sync 可将设计拉取到代码库，基于真实组件构建；使用 /design 可将代码推回 Claude Design 画布编辑。编辑器新增拖拽、缩放、对齐、修改字体和颜色等传统设计工具操作。导出格式扩展至 PDF、PPTX、Canva、HTML、Claude Code 五种。Claude Design 现在支持三种方式读取设计系统：指向 GitHub 仓库读取代码中的颜色变量、间距常量、组件样式；上传 Figma 文件；上传品牌规范文档，并在生成后自动对照设计系统检查并修正偏差。
AI产品Claude CodeClaude Design设计系统代码同步设计工具
推荐理由：Claude 终于让设计师和开发者能双向同步了，还能直接读你 GitHub 的组件代码，自动检查设计偏差，省去手动对齐的麻烦。
原文
6月16日
20:46
13:28
13:11
6月14日
12:51
6月12日
12:57
6月11日
15:28
15:23
15:07
14:58
14:58宝玉@dotey
baoyu-design skill 新增支持导入 Figma 本地 .fig 文件，用户可将设计系统的 Figma 文件在本地重建为设计系统，效果与 Claude Design 在线版一致。该功能实现复杂，开发者表示没有 Claude Fable 5 的帮助难以完成。使用方式简单：安装 skill 后，将 Figma 文件路径发送给 skill，导入为 Design System，后续新建设计项目即可直接使用。该更新解决了本地设计系统与 AI 设计工具衔接的问题，适合设计师和前端开发者。
AI产品Claude DesignFigma设计系统本地部署Skill
推荐理由：设计师和前端开发者终于可以在本地用 AI 重建 Figma 设计系统了，效果媲美在线版，而且操作简单——把 .fig 文件路径丢给 skill 就行，值得一试。
原文
09:20
6月8日
21:16
21:16歸藏(guizang.ai)@op7418
笑林老师结合自身在字节跳动8年经验，调研并总结了设计工程师的5种典型画像：AI Design Engineer、Product UI Craft Engineer、Design Systems Engineer、Creative Technologist、AI Design Workflow Architect。每种画像都有明确的定位、典型任务、关键证据和不适合信号。文章旨在帮助求职者理解不同方向的设计工程师岗位要求，并提供了豆包手机团队招聘设计工程师的信息。
行业设计工程师AI产品动效设计设计系统求职指南
推荐理由：设计工程师是AI时代的热门岗位，但很多人不清楚具体方向。笑林老师用实战经验拆解了5种画像，想做AI产品、动效、设计系统或创意技术的开发者都能找到自己的定位，建议仔细对照评估。
原文
10:52
6月7日
11:12