Pencil是一款适用于所有平台 的开源 GUI 原型设计工具,手绘风格的原型图,就像自己在纸上画的那样。能够在浏览器上快速的把界面原型画出来,还可以用来绘制各种架构图和流程图,方便和客户沟通需求!同时还提供 Firefox 的插件,也提供独立的应用程序!Penci侧重点在于设计,支持自定义控件和导出模板,功能确实很强大。此外,它还内置多种原型设计模板和多页背景文档,支持跨页超链接文本编辑!有需要的朋友欢迎下载体验!
主要功能
- 内置多种原型设计模板
- 多页背景文档
- 跨页超链接
- 富文本编辑支持
- 可导出HTML,PNG,Openoffice.org文件,Word文件和PDF。
- 撤消/重做支持
- 支持安装用户定义的模板
- 标准绘图操作:对齐,排序,缩放,旋转等
- 跨平台
- 增加外部对象
- 个人收藏
- 剪贴画浏览器
- 粗略模板
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