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 提交申請或聯繫官方團隊，獲取最新的價格信息和試用方式。