Pencil to Code

About Pencil to Code

Export .pen design to React/Tailwind code. Does ONE thing well. Input: .pen frame ID or file path Output: React component code + Tailwind config Use when: design-exploration or user needs implementation code from a finalized Pencil design.

将 .pen 设计导出为 React/Tailwind 代码。专注做好一件事。 输入：.pen 帧 ID 或 文件路径 输出：React 组件代码 + Tailwind 配置 使用场景：在设计探索期间，或需要从已定稿的 Pencil 设计获取实现代码时使用。