# Anthropic 推出 Claude Design 重大更新：导入设计系统、新增画布编辑器、与 Claude Code 同步

- 来源：Rohan Paul (@rohanpaul_ai)
- 发布时间：2026-06-18 09:49
- AIHOT 分数：65
- AIHOT 链接：https://aihot.virxact.com/items/cmqiufh2m04gxsl5wc5o6xr8y
- 原文链接：https://x.com/rohanpaul_ai/status/2067424399603696030

## AI 摘要

Anthropic 对 Claude Design 进行重大更新。新版本支持从代码仓库、设计文件或代码库导入团队现有设计系统，使输出匹配实际按钮、字体、颜色等品牌规范，而非仅靠模型自身审美。新增 Claude Code 同步，设计和工程可在同一环境内来回交接，无需截图或重新构建。画布编辑器支持拖拽、调整大小、对齐等直接操作，无需重新生成完整模型，大幅减少 token 浪费。更新还修复了早期版本 token 消耗过重的问题。Claude Design 旨在成为品牌资产、产品原型和代码就绪界面的起点，并计划与 Canva、Adobe、Vercel、Replit、PDF、PowerPoint 等工具打通。

## 正文

Anthropic just rolled out a major Claude Design update， adding design system imports， code round-trips， and a fix for its heavy token usage issue.

The old version worked more like a smart visual generator： you described a webpage， slide， or app screen， and Claude created something polished， but the output came from Claude's own taste rather than your company's design system.

The new version changes the control layer， because Claude can now import design systems from repos， design files， or codebases， then build with the actual buttons， fonts， colors， spacing rules， and components your team already uses.

That means the model is no longer only generating a design； it is checking whether its own output matches the approved system before you see it.

This is a big deal for companies because brand consistency is usually boring， manual， and easy to break when many teams are making pages， decks， ads， and product screens at high speed.

The Claude Code sync is the other major shift， because design and engineering can now pass work back and forth through the same Claude environment instead of relying on screenshots， specs， or a developer rebuilding the mockup from scratch.

A designer can start with a visual design， hand it to Claude Code， and a developer can continue from the real component library， while a developer can also start in code and sync the design project back.

The canvas editor also super useful， because small changes like drag， resize， and align no longer need a full model regeneration， which should reduce wasted tokens and make the tool feel less like a demo and more like daily software.

Anthropic wants Claude Design to become the starting point for branded assets， product prototypes， and code-ready interfaces， then send that work into tools like Canva， Adobe， Vercel， Replit， PDF， and PowerPoint.

### 引用推文

> Claude：New in Claude Design: it stays on brand with your design system across projects, lets you edit directly on the canvas, syncs with Claude Code, and connects to m...