AI 与设计消息来源选读2026.09.09

Figma Workflow Lab：先让 Agent 理解流程，再把画布接到程式码

从 FigJam 流程、设计变数到正式元件，补足截图交接缺少的脈络。

SREFLY 选读整理阅读约 1 分钟更新于 2026-09-09

消息重点

Figma 8 月分享一套示范流程，以虛构学习产品 Radicle 说明團隊如何让 Agent 在设计与程式码之间工作。

流程先整理画面状态与转换，再透过 Figma MCP 与 Code Connect 提供元件和变数。这是教学情境，并非真实客户成效报告。

交付 Agent 前，补上空白、错误与复原状态，比只给漂亮的主要画面更能减少理解落差。

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

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

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

选读 Adobe 的 Firefly Boards 教学：把视觉探索接回设计工作，让生成结果成为有方向的草稿。

选读 Adobe Firefly 官方文件，分清「画面看起来如何」与「元素放在哪里」，让参考图更贴近设计目的。