哈喽,大家好,我是指北君。
有一位朋友,他现在在一家创业小公司,只有3个研发+1位产品经理组成的一个小团队。最近要开发一个新项目,老板在会上噼里啪啦地讲该项目的各种使用场景,其实也就是需求。会后产品经理需要重新整理会上的这些需求,一来要向老板和客户表示自己了解他们的要求,另一方面需要和研发人员沟通将要开发的是什么样的一个系统,“原型设计工具”在这时候就派上大用场了。也就是因为它很有用,所以就有商机,出现了各种大大小小的原型开发工具,但它们在商业应用时多多少少都有限制,必须掏钱。那有没有一款免费好用的呢?
开源的在线原型设计工具:Penpot
简介
Penpot不仅开源,而且还是第一个面向跨域团队的原型设计制作平台。只需要把Penpot部署在Linux服务器后,其它所有的用户只需要通过浏览器就可以使用。它是基于Web标准开发,并支持SVG等格式,为所有人提供免费的服务,并由开源社区授权。
它包含了丰富的设计库,各种样式和组件,只需通过添加互动组件就可以使设计变得生动形象,丰富的可定制的交互步骤,模仿真实产品的交互行为。同时,它支持多人协同工作,对设计和需求之间的改进起到了积极促进作用。
安装使用
Penpot支持docker-compose部署,不多说,我们来看看如何安装部署它。
一、创建放置目录,避免和其它文件混淆:
mkdir penpot && cd penpot
二、下载以下这两个文件到penpot目录:
# 下载 docker-compose.yaml
wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml
# 下载 config.env
wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/config.env
如果因为网络问题出现无法下载也没关系,因为我已经为大家下载好了这两个文件,可在文末获取。
三、运行docker-compose自动创建镜像实例:
未安装docker和docker-compose的请自动安装。
docker-compose up -d
执行后会看到,创建了5个不同角色功能的docker实例:
四、访问使用
浏览器打开 http://localhost:9001 即可以使用(这里的访问地址是可以通过config.env文件中的PENPOT_PUBLIC_URI来修改):
如果想快速尝试使用,不需要注册用户,点击登录页上的“Create demo account”,之后就可以尽情地探索啦:
指北君有话说
这是一个很优秀的开源项目,上面只是抛砖引玉,如果你感兴趣,可以深入学习哦。
关注公众号 [程序员了不起]回复[eee113] 即可获取navicat绿版。