工具与素材
Obra shadcn/ui Figma Kit 2.4.0：Trace＋Code Block（八风格，可进稿 AI 对话组件）
设计 AI 助手或带 tool-call 的聊天产品时，应用可编辑 Figma Kit 直接参考 Trace 时间线与 Code Block，少从零画 agent 步骤。
2026-10-17 Obra 发布 Figma 套件 2.4.0：把 shadcn/ui 于 10-14 上线的 Trace 与 Code Block 收进 Pro——Trace 展示 agent 步骤（运行／完成／失败、可展开输出），Code Block 支持行号、高亮、diff、文件名／多文件页签与折叠。两组件覆盖 Nova／Vega／Luma 等全部 8 套 shadcn 风格与明暗模式，对接既有 Attachment／Bubble／Message 等 AI 对话组件。
shadcn.obra.studio/blog/2-4-0-trace-and-code-block 文首 October 17th, 2026，写明 Today's 2.4.0 adds both to Pro 及 Trace／Code Block 能力。
为什么值得看
设计 AI 助手、编码工具或带 tool-call 的聊天产品时，可直接当可编辑 Figma UI Kit 参考／进稿；与上游 shadcn 组件语义对齐，减少从零画 Trace 时间线。
可以试试
已有 Obra Pro 则下载 2.4.0，先看 Trace 失败态与 Code Block diff 页签；无授权可先对照上游 shadcn 组件语义再自绘。