ClaudeCode 加持 Pencil，AI 将对设计师行业带来哪些冲击？

AI工具导航站
同名“AI工具导航站”，跟上时代的脚步
2 人赞同了该回答
你确实应该担心，但不是担心被「替代」，而是担心被「甩开」。
在前端开发的漫长历史中，一直存在着一道难以逾越的「柏林墙」：墙这边是 Figma 里的像素完美设计稿，墙那边是 VS Code 里的 div 和 span。
几代设计师和开发者习惯了在两个窗口间反复横跳，把设计稿导出、切图、测量间距，再手动翻译成代码。
这个流程繁琐，但也很稳定——直到 Pencil 出现。
简单来说：Pencil 是一个住进你 IDE 里的「AI 版 Figma」，它能把设计、编写代码、调整 UI 这整条链路全部塞进 Claude Code + MCP 的体系里。
从表面看，这是又一个 AI 工具；
但从本质看，这可能是工程范式的转移。
很多人听到「Infinite Canvas」这类词就觉得天花乱坠，但 Pencil 的核心突破其实很具体。
设计文件的形态变了。
Pencil 的设计文件（.pen）不是二进制、不是私密格式，而是开放的 JSON。
这意味着什么？你的 UI 设计稿可以像代码一样存在 Git 仓库里，支持分支、合并、版本回滚。你可以想象一个场景：设计师在 feature/dark-mode 分支上改了配色方案，前端通过 Git 流程审查，合并到主干。
这在 Figma 时代是不可能的。
设计工作流从「输出设计稿」变成了「输出代码」。
你不需要从零开始在画布上画矩形。
你可以直接说：「帮我生成一个适合 SaaS 产品的定价页，要突出年付方案」。
后台的 AI Agents 会并行工作，给你吐出 3-4 个不同风格的版本。
最关键的是，这些 AI 能读取你项目里的 Tailwind 配置或现有组件库，确保生成的代码「就像是你亲手写的」。
Figma 不再是终点，而是素材库。
Pencil 很聪明，它知道 Figma 的生态壁垒太高，所以选择「打不过就加入」。
你可以在 Figma 里 Cmd+C，在 Pencil 里 Cmd+V，图层和样式完美保留。
所以 Figma 变成了你的「素材库」，Pencil 成了「代码转化车间」。
这也是为什么非常建议大家去实际体验Pencil 的原因。
短期冲击是什么？ 那些「纯粹的切图仔」工作会加速被替代。
如果你的职能是「按时交付高保真设计稿」，Pencil + Claude Code 会让这个职能的价值大打折扣。
AI 已经能并行生成多个设计方案，速度是人工的 10 倍。
在这种情况下，单纯的执行力不再是稀缺资源。
同样脆弱的还有那些「Figma 操作员」——会用 Figma，但没有设计思维。
他们的价值主要在工具熟练度，而不在创意。
Pencil 的出现，让工具熟练度变得廉价。
当然Claude code已经被世人夸的天花乱坠了，如果还不会的，可以看我之前的文章，里面介绍了三种方法，分别是Claude会员、CC中转和国产模型接入CC，应该是覆盖了目前主流的方法了，感兴趣的可以看看。

要想用上原汁原味的 Claude 接口，国内还可以走 Code80，真实订阅转 API、跟官方完全兼容，换个 endpoint 就能把 Pencil 这套 Claude Code 工作流跑起来，支付也支持国内渠道。

相关阅读：
Anthropic 史上最严风控！三种方案教你无痛在国内使用 Claude Code
mp.weixin.qq.com/s/fAuIMoNsSpNoMq1aQVgfAQ
发布于 2026-01-29 14:56・广东
赞同 2​
6
喜欢
收起​