AI 与设计消息来源选读

Figma 分享 Coinbase 案例:设计元件脈络如何帮助 AI 写程式

案例把焦点放在 Code Connect:让 Agent 知道设计元件对应哪一份实际程式码。

Figma 官方 Coinbase 设计系统案例封面
官方公告配图。 · Figma · 图片来源 ↗ · 图片权利待審

案例报告了什么

Figma 9 月 2 日分享 Coinbase 團隊評估:加入 Code Connect 后,平均 Token 成本降低 22.5%,任务完成时间约减少 22%。这是该團隊的测试结果。

关键是元件对应

團隊把 Figma 元件连到正式程式元件,并结合既有 Agent 指引。这些数據不能直接当成每个设计系统都会得到的改善幅度。

srefly 观察

设计交付除了画面,也应保留元件名称、状态和使用条件。先选一个常见流程试跑,再比较返工量,会比只看生成速度更有意义。

探索 SREFLY Style →

需要安装或使用协助?前往支援中心 →

参考原文

来源查核: 2026-09-08 · 本文日期为 SREFLY 整理日期。

SREFLY / 收藏灵感,留给下一次创作。所有文章 →

继续阅读

srefly for Chrome