← 推荐
$ ~/bundles/design-asset-catalog-kit
◆ 编辑推荐
设计资产命名与入库工具包
从设计源头取名、抽取组件元数据、接入设计系统运行时,再到入库验收,一套把资产整理清楚的组合。
// by 小编/2 项/🎓 2 技能 · 🔌 0 MCP
复制全部安装提示词
这组资产适合处理设计资产命名不统一、组件资料分散、入库后难检索的问题。
- 用 figma 把设计稿里的节点、组件和上下文先拉齐,减少命名口径偏差。
- 用 Component Library MCP 扫描现有前端项目,抽取组件元数据,补齐“库里到底有什么”。
- 用 design-system-mcp 把真实组件、图标和设计令牌接成可调用运行时,让入库不只是登记名称,而是连同规范一起沉淀。
- 用 component-fixtures 为关键组件建立截图测试夹具,给入库后的验收、回归和维护加一道保险。
整体上,它更像一条从设计命名 → 组件归档 → 设计系统接入 → 入库验收的轻量工作流,适合团队把设计资产管理做得更规范、可查、可持续。
// 包含的资产
技能
★23kfigma
连接 Figma 获取设计上下文与资源,并将节点高效转换为生产代码。
OpenAI装→
└ 小编点评 — 从 Figma 获取节点与设计上下文,适合作为命名规范和资产归档的源头依据。
技能
★188kcomponent-fixtures
帮助开发者创建和维护组件截图测试夹具,并优化组件的可测试性。
microsoft装→
└ 小编点评 — 为组件建立截图测试夹具,帮助入库后的验收、回归和长期维护更可靠。