哈喽，大家好，我是指北君。

有一位朋友，他现在在一家创业小公司，只有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绿版。