跳到主要内容
NAVSMAP

核心功能

AI生成与改稿

输入自然语言即可从零生成页面

设计代码双向转换

把画布中的界面生成React、Next.js或Tailwind代码

设计系统管理

通过变量、组件、主题和设计库统一维护颜色、间距、圆角、字体与复用模块

关于 pen.dev

pen.dev 提供AI生成与改稿、设计代码双向转换、设计系统管理等功能。适合UI设计师、前端开发者、独立开发者围绕相关任务使用。

AI生成与改稿:输入自然语言即可从零生成页面;设计代码双向转换:把画布中的界面生成React、Next.js或Tailwind代码;设计系统管理:通过变量、组件、主题和设计库统一维护颜色、间距、圆角、字体与复用模块。

适合谁使用

  • UI设计师
  • 前端开发者
  • 独立开发者