Pencil – Design on canvas. Land in code.

Pencil 是一款集成在 IDE 中的智能设计画布，用 AI 将界面设计与前端代码紧密结合，确保像素级对齐。它主要面向产品团队中的设计师、前端工程师和 UX 开发，希望在同一条工作流里完成设计、原型和实现的人。

Pencil 在 IDE 内运行，直接连接你的项目文件、组件库和样式体系。画布上的设计会基于真实仓库结构生成代码，自动复用现有组件和样式规范，而不是生成一个与项目割裂的原型。

Pencil 并不是对 Figma、Sketch 这类专业设计工具的简单替代，而是专注于打通“设计到实现”的最后一公里，在 IDE 中提供一个理解代码的共享画布。很多团队会将 Pencil 与现有设计工具配合使用，加速落地并保证设计稿与代码始终同步。

Pencil 面向现代前端技术栈设计，可与组件化框架和现有样式体系协同工作。具体支持的语言、框架和 IDE 列表会持续更新，建议访问 pencil.dev 官方文档查看最新支持范围。

目前 Pencil 的具体定价尚未公开，可能会根据团队规模、使用场景和方案类型有所不同。你可以在 pencil.dev 提交申请或联系官方团队，获取最新的价格信息和试用方式。