首页 > 其他分享 >开源的在线原型设计工具?牛啊

开源的在线原型设计工具?牛啊

时间:2023-08-27 17:36:29浏览次数:46  
标签:penpot Penpot compose 在线 开源 原型 docker

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

有一位朋友,他现在在一家创业小公司,只有3个研发+1位产品经理组成的一个小团队。最近要开发一个新项目,老板在会上噼里啪啦地讲该项目的各种使用场景,其实也就是需求。会后产品经理需要重新整理会上的这些需求,一来要向老板和客户表示自己了解他们的要求,另一方面需要和研发人员沟通将要开发的是什么样的一个系统,“原型设计工具”在这时候就派上大用场了。也就是因为它很有用,所以就有商机,出现了各种大大小小的原型开发工具,但它们在商业应用时多多少少都有限制,必须掏钱。那有没有一款免费好用的呢?

开源的在线原型设计工具:Penpot

简介

Penpot不仅开源,而且还是第一个面向跨域团队的原型设计制作平台。只需要把Penpot部署在Linux服务器后,其它所有的用户只需要通过浏览器就可以使用。它是基于Web标准开发,并支持SVG等格式,为所有人提供免费的服务,并由开源社区授权。

它包含了丰富的设计库,各种样式和组件,只需通过添加互动组件就可以使设计变得生动形象,丰富的可定制的交互步骤,模仿真实产品的交互行为。同时,它支持多人协同工作,对设计和需求之间的改进起到了积极促进作用。

开源的在线原型设计工具?牛啊_github

安装使用

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实例:

开源的在线原型设计工具?牛啊_Penpot_02

四、访问使用

浏览器打开 http://localhost:9001 即可以使用(这里的访问地址是可以通过config.env文件中的PENPOT_PUBLIC_URI来修改):

开源的在线原型设计工具?牛啊_原型设计_03

如果想快速尝试使用,不需要注册用户,点击登录页上的“Create demo account”,之后就可以尽情地探索啦:

开源的在线原型设计工具?牛啊_navicat_04

开源的在线原型设计工具?牛啊_navicat_05

指北君有话说

这是一个很优秀的开源项目,上面只是抛砖引玉,如果你感兴趣,可以深入学习哦。

关注公众号 [程序员了不起]回复[eee113] 即可获取navicat绿版


标签:penpot,Penpot,compose,在线,开源,原型,docker
From: https://blog.51cto.com/u_16231677/7253703

相关文章

  • 开源.NetCore通用工具库Xmtool使用连载 - XML操作篇
    【Github源码】《上一篇》介绍了Xmtool工具库中的发送短信类库,今天我们继续为大家介绍其中的XML操作类库。XML操作是软件开发过程中经常会遇到的情况;包括XML内容的遍历解析,或者特定值内容的查询获取等等。Xmtool工具库提供了一种更方便的方式对Xml进行遍历解析或者对特定节点内......
  • 在线拍卖直播系统源码(双端APP+H5前端+管理后台)
    "东莞梦幻网络科技"开发该拍卖直播系统采用了多种开发语言。具体而言,后端采用了PHP语言,并且使用了ThinkPHP框架。而在移动端方面,苹果端采用了Objective-C语言,而安卓端则采用了Java。前端H5部分则使用了Vue.js框架。以下是该拍卖直播系统的主要功能模块:1、直播拍卖:用户可以观看主播......
  • 开源项目分享,实习宝典传授,直播课程报名开启!
    你是否需要AI初学者入门级的开源教程?你是否期待和顶尖开发者一起学习,向深度学习领域的大佬看齐?你是否希望通过课程讲解,了解项目实践,掌握深度学习、大模型相关的前沿AI技术?如果你的答案是肯定的,那么「MegEngine开发者说」系列课程正是你想要的!「MegEngine开发者说」是由......
  • 免费开源在线教育系统源码下载 -中小教育机构如何低成本搭建网校平台?
    在当下,线上教育已经不再是一个陌生的领域,它为学校和培训机构带来了无限的可能性。然而,搭建一个完整的在线课堂平台往往需要巨额投入,对于预算有限的中小教育机构而言,如何在低成本的情况下实现在线教育的搭建呢?本文将为您探讨几种低成本搭建网校平台的方法。 首先,一种常见的方法......
  • 在线网校教育源码有什么功能 在线网校教育源码的十大功能,解放学习,探索更广阔的知识世
    近来,一则身边的对话引发了人们对于传统学习方式的反思。在这段对话中,学员小轩老师分享了他参加考证培训班的困扰,而另一位则提出了线上教育的种种优势。这个对比让我们更深刻地认识到,线上教育已然成为现代人不可或缺的一部分。 小轩老师在通话中抱怨自己报名的考证培训班导致周......
  • 网校系统源码_开源网校系统源码_网校数字化转型:以变革应对挑战,迎接未来教育
    兔知云课堂客服中心的小军,为大家带来了一段关于网校服务中的真实案例,为正在面临教育领域变革的校长们提供了实用的经验分享。这个案例涉及到了一位培训机构的校长,他的困惑与思考引发了我们对于教育行业数字化转型的思考。 疫情爆发后,全国范围内的线下教育面临巨大挑战,而这位校......
  • 免费开源网校系统源代码轻松搭建在线教育平台_兔知云课堂教育系统:数字化教育平台快速
    在如今快节奏的时代,越来越多的教育机构和个人教师开始寻求一种高效的方式来搭建网络教育平台,以满足学习者的需求。在这个背景下,兔知云课堂教育系统成为了一款备受瞩目的解决方案,为教育者们提供了快速搭建平台的新途径。 想要开始快速搭建网络教育平台吗?不妨考虑兔知云课堂教育......
  • 在线教育系统源码Web版丨知识付费教培授课网校平台开发丨兔知云课堂点燃学习的星途,打
    今天,我们带您一起走进一款教育小程序,这是一个承载着无限学习可能的平台。随着科技的不断进步,教育正焕发出崭新的活力,而这个小程序,正是将教育引向更广阔的未来。 进入小程序,世界在您指尖间展开。您可以轻触屏幕,搜索您所需的资料,或者输入关键词,即刻迎来丰富多彩的学习资源。试卷......
  • 在线教育网校系统源码,搭建可以解决培训考试的教学平台,选择最适合你的方式
    随着教育行业的不断发展,个人老师和培训机构纷纷迈入在线教育领域,为学习者提供丰富的教学资源。而如何搭建一个高效的在线教育网校平台,成为了许多教育者关注的焦点。针对这一需求,有多种方法可供选择,以下将为您详细介绍。 自主开发或购买现有系统并二次开发 对于技术熟悉且有......
  • 在线教育网校系统源码是什么?怎么获取?兔知云课堂为您提供创新解决方案
    近日,一则电话录音曝光,引发了人们对在线教育的深入思考。在这段通话中,一名称呼为小高的学员与一位名叫郑总的教育创业者进行了关于搭建网校的探讨。这段通话不仅揭示了教育行业的现状,也透露出了在线教育的未来发展方向。 通话中,小高提出了一个问题,是否应该选择独立部署的网校系......