Pencil是一款适用于所有平台的开源GUI原型设计工具,能够在浏览器上快速的把界面原型画出来,还可以用来绘制各种架构图和流程图,方便和客户沟通需求!Penci侧重点在于设计,支持自定义控件和导出模板,功能确实很强大。此外,它还内置多种原型设计模板和多页背景文档,支持跨页超链接文本编辑!有需要的朋友欢迎下载使用!

Penci

功能特色

1、内置多种原型设计模板

2、多页背景文档

3、跨页超链接

4、富文本编辑支持

5、可导出HTML,PNG,Openoffice.org文件,Word文件和PDF。

6、撤消/重做支持

7、支持安装用户定义的模板

8、标准绘图操作:对齐,排序,缩放,旋转等

9、跨平台

10、增加外部对象

11、个人收藏

12、剪贴画浏览器

13、粗略模板

Penci使用帮助

1、首先是下载Pencil项目

2、用vs code打开,运行npm i 安装依赖。这里遇到了第一个坑,权限问题,并且撞墙了。如下命令解决:

- sudo npm install -g electron --unsafe-perm=true --allow-root --registry=https://registry.npm.taobao.org

3、安装成功后,npm start运行时遇到了第二个坑,控制的报错,bing后发现是electron的版本1.8.4有问题,于是uninstall,退回到1.7.8。

- sudo npm install -g electron@1.7.8 --unsafe-perm=true --allow-root --registry=https://registry.npm.taobao.org

4、npm start 终于运行成功了!开发模式启动可以使用如下命令:

- npm run start:dev

下载地址

远程下载