工具与素材
shadcn/ui Figma Pro Kit 3.1：Trace＋Code Block（Agent 界面组件）
做 Agent／AI 产品界面时可直接收藏 Trace 步骤态与 Code Block 行变体，对齐设计稿与 shadcn 实现，比自拼聊天气泡更贴近官方组件语义。
2026-10-21 Matt Wierzbicki 发文：shadcn/ui 上周上线的 Trace（推理／工具调用／来源步骤列表）与 Code Block（源码／终端／diff）已写入 Pro Figma kit 全部 8 套风格（Nova～Lyra）与明暗模式，kit 升至 3.1；新增 63＋28 个组件变量与 6 个 custom token（含 running shimmer）。Figma→shadcn 插件可把这两种组件生成正式 shadcn 代码，并有公开预览文件可先看。
shadcndesign.com 博文 Published 2026-10-21；正文写 kit version 3.1、Trace／Code Block in all 8 styles、plugin generates shadcn/ui code。
为什么值得看
做 AI／Agent 产品界面的设计师可直接进稿对照 Trace（default／running／error／pending）与 Code Block，减少自造气泡组件。