产品介绍
Pencil.dev是一款基于MCP的画布式AI辅助设计工具，致力于打造设计与代码一体化工作流。Pencil.dev通过与AI模型的深度集成，引入了一种全新的设计方式，用户可以直接在代码中进行设计，设计文件可以直接保存在代码库中，并能一键生成生产就绪的代码。Pencil.dev支持VS Code、Cursor 或 Claude Code等主流的IDE，可以无缝集成，实现像素级的产品设计和代码生成。
Pencil.dev还提供完整的写入权限以及许多其他便捷工具，让您能够全面操控画布。您可以接入整个 MCP 世界，从数据库、API、图表数据、Playwright/Puppeteer 等其他来源导入数据，或轻松接入其他代理。一切尽在您的掌控之中！
✴️ IDE集成画布
通过插件，可以直接在VS Code、Cursor 或 Claude Code等主流IDE中打开Pencil无限画布，可实现像素级精准的产品设计，无需切换应用。
✴️ 设计即代码
Pencil采用双向深度链接机制，设计元素与代码双向映射，点击设计组件跳转对应代码行，选中代码自动聚焦画布元素，提升开发与调试效率。
✴️ AI协同生成
Pencil基于MCP技术，AI智能体可以并行生成界面或用户流程，通过提示词快速迭代，辅助复杂界面设计与调整。
✴️ 生产级应用
Pencil设计完成后，可以直接导出 HTML/CSS/React 等生产级代码。所有设计文件（.pen）存储在代码仓库中，您可以像在开发环境中一样，使用 Git 进行版本控制、分支和合并。
✴️ 兼容Figma
Pencil支持将设计文件转换为Figma格式，或者从Figma导入已有的设计稿，矢量图、文本和样式都会完整保留。
✴️ 开放的格式
Pencil可以存为JSON格式的.pen 文件，支持使用您自己的工具读取、调试或扩展设计文件。没有黑箱操作，没有厂商锁定。
✴️ 自定义套件
Pencil平台提供精选设计套装，您也可以自带设计套装，支持从代码库中集成团队现有的设计系统。
相关AI
24小时阅读榜
1
2
3
4
5
6
7
8
9
10
相关专题
Clawdbot是一个“有灵魂”的AI助手，可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等，并且可以接入用户常用的任何聊天APP，所有的操作均可通过WhatsApp、Telegram等平台完成，用户只需通过对话，就能操控设备自动执行各类任务。
89
2026.01.30
clawdbot龙虾机器人官网入口:https://clawd.bot/,clawdbot ai是一个“有灵魂”的AI助手，可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等，并且可以接入用户常用的任何聊天APP，所有的操作均可通过WhatsApp、Telegram等平台完成，用户只需通过对话，就能操控设备自动执行各类任务。
89
2026.01.29
本专题系统讲解 Java Spring Security 框架在认证与授权中的应用，涵盖用户身份验证、权限控制、JWT与OAuth2实现、跨站请求伪造（CSRF）防护、会话管理与安全漏洞防范。通过实际项目案例，帮助学习者掌握如何 使用 Spring Security 实现高安全性认证与授权机制，提升 Web 应用的安全性与用户数据保护。
69
2026.01.26
热门下载
