本页长期有效 · 建议 Ctrl+D 收藏全部工具

原型设计工具

Penpot / Pencil / WireframeSketcher

适用环境：设计 · 团队协作 · 开箱即用

一键安装命令

Windows 10/11 自带 winget。按 Win + X 打开「终端(管理员)」，逐条粘贴执行。

# Penpot 可自建服务，见资源页

Penpot

Figma 的同类工具，支持团队协作和组件官方页 →

Pencil

老牌原型工具，适合画线框图官方页 →

Excalidraw

手绘风格，快速草图官方页 →

1Penpot 自建

docker compose 部署，官方给了 compose 文件，改下域名就能用。

2画第一个界面

新建文件 → 用 Frame 画布框 → 拖入矩形/文字 → 组合成界面。

3做交互原型

选中元素 → Prototype 面板 → 连线到目标 Frame → 设触发方式 → 播放预览。

4交付开发

导出设计稿标注，或者直接分享链接让开发看尺寸。

Q：和 Figma 比差在哪

A：插件生态和性能还差一些，但可自建、无人数限制。

Q：能导入 Figma 文件吗

A：支持导入 .fig 文件，但复杂组件可能还原不完美。