求推荐画原型的工具。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 890 天前的主题，其中的信息可能已经有所发展或是发生改变。

有没有大佬知道画原型有哪些比较小白式的在线工具吗？
想自己搞一些原型去设计数据库，但是不知道怎么去画原型，最好有教程那种的软件或者在线工具

原型

工具

在线

教程

37 条回复 • 2022-06-25 09:19:45 +08:00

madlifer

2022-06-01 09:14:03 +08:00

现在学可以学 figma

tanranran

2022-06-01 09:35:13 +08:00

figma

bootvue

2022-06-01 09:36:52 +08:00

2B 铅笔橡皮擦 A4 纸

devswork

2022-06-01 09:39:28 +08:00

墨刀 modao.cc

codefever

2022-06-01 09:40:24 +08:00

你知道物理上的一种抽象思维，叫 3D 透视么
个人觉得要有从利用工具去设计原型到用大脑去设计原型的这么一种转变
当你整个流程都可以在大脑中正确迅速的过一遍之后，你也就是大神了
当然，这个过程并不容易，但可以适当不断的进行训练

andrew2558

2022-06-01 09:44:18 +08:00

figma ，真的强，而且网页版真流畅，个人用户免费完全够用

xiaohouzhi

2022-06-01 09:51:50 +08:00

在线的话那就非 Figma 莫属了

encro

2022-06-01 09:56:19 +08:00

设计数据库的？不叫原型工具吧？

真原型工具：

1 ，axure
2 ，figma
3, 即时设计
4, MasterGo
5 ，码前
6 ，墨刀

sunrain

2022-06-01 10:22:14 +08:00

看来 Flinto 比较冷门

RealJacob

2022-06-01 10:42:30 +08:00

draw.io

zcf0508

2022-06-01 11:00:07 +08:00

设计数据库，你要的是 UML 吧

muchenlou

2022-06-01 13:03:52 +08:00

@encro 就是先把原型画出来，再根据原型去设计数据库的意思

muchenlou

2022-06-01 13:10:10 +08:00

@madlifer
@tanranran
@andrew2558

我回来了，吃了英语的亏，得一遍翻译一边看，貌似还不错。

madlifer

2022-06-01 13:23:51 +08:00 via Android

@muchenlou 有中文的 chrome 插件。

shaojz2005

2022-06-01 14:11:49 +08:00

figma 比墨刀有什么优点吗？我用墨刀画了上百个产品原型了

jackma0571

2022-06-01 14:31:40 +08:00

国内墨刀，摹客，MasterGo 都行，别整那些 figma 什么的

DreamCMS

2022-06-01 14:31:49 +08:00

draw.io

cocong

2022-06-01 15:00:24 +08:00

draw.io 没有比这更好的了

wangpao

2022-06-01 15:07:30 +08:00

@shaojz2005 不是一个级别的，差距类似于美图秀秀和 PS

learningman

2022-06-01 15:08:53 +08:00

设计数据库用 uml 和 er 图吧

newaccount

2022-06-01 15:23:09 +08:00

老老实实去学 UML 啦，然后做好直接生成 DDL ，不要费二遍事儿

BeautifulSoap

2022-06-01 15:28:20 +08:00

等等，LZ 你是要设计数据库？那免费的不就只有 draw.io 了

如果你高兴学一下 UML 的语法的话，我更推荐 PlantUML 或 Mermaid 。如果是程序员的话，画 UML 图之类的比起 draw.io ，还是 PlantUML 或 Mermaid 更顺手点

TimePPT

2022-06-01 15:34:50 +08:00

sketch 已经没落到没人提了吗😂

DarinJi

2022-06-01 15:36:32 +08:00

十年前入行推荐 axure
五年前入行推荐 sketch
现在入行推荐 figma

XiaoBaiYa

2022-06-01 18:05:51 +08:00

@DarinJi 好家伙,作为产品经理,被"十年前"了

P233

2022-06-01 18:13:42 +08:00

concepts

P233

2022-06-01 18:14:12 +08:00

https://concepts.app/en/

nieyujiang

2022-06-01 22:35:55 +08:00 via iPhone

MasterGo

haolongsun

2022-06-02 00:05:43 +08:00

figma 专业的还得是这个，生态在那摆着呢
另外日常画个草图还是推荐 tldraw 这个是真的好用
一般我做某个模块先画一张大概功能图就用 tldraw
要是设计 UI icon 了肯定 figma ，这是干精细的活

bxq998

2022-06-02 07:16:10 +08:00

balsamiq: https://balsamiq.cloud/
Excalidraw: https://excalidraw.com/

kujio

2022-06-02 08:22:42 +08:00

@muchenlou 有团队需求 figma,单人用建议 lunacy,两个几乎是一模一样,但 lunacy 客户端做得好,官方自带中文.figma 网页不好管理,客户端比 idea 还费内存.

muchenlou

2022-06-02 09:08:02 +08:00

@kujio 好的，谢谢大佬，我研究研究

WaterMC

2022-06-02 10:11:50 +08:00

再提供一个额外的参考：adobe XD 。如果有后续的其他工作的延续和配合的话，这个就值得考虑一下。
如果单兵作战，那就还是其他朋友们推荐的更合适

pengtdyd

2022-06-02 10:30:40 +08:00

figma 英文版

dany813

2022-06-02 13:59:50 +08:00

都在推荐 figma ，我看 figma 没有基本原型啊，啥东西都要自己画吗，比如日志，选择框之类的

aaronlam

2022-06-02 22:30:51 +08:00

@dany813 +1

godloveplay

2022-06-25 09:19:45 +08:00

@haolongsun #29 试了一下 tldraw 谢谢推荐

矩形框连线画笔文字便利贴这几个功能很适合画草图.