你们自己做项目写网页的时候原型 UI 设计这些也是自己来的吗

[fffffffchopin]

我想自己开发一些网页，app 类的项目练习前端开发，但发现自己凭空靠代码画一个网页有点困难，对着原型稿实现就容易多了。想知道那些自己独立开发项目的大神原型设计也是自己画的吗，还是不用画全凭脑子想象：）原型设计哪个软件好用点，主要这些软件付费都挺贵的

[Chyo]

设计过一次，直接用纸和笔画的。

[NonClockworkChen]

独立开发，自己当产品呗。

[chengran630]

看市面流行的已有项目
他们的设计已经经过市场肯定
你即使要改 除非是行业里牛 b 的老人 也只能在已有的项目上做出一些小修改试试水

[HugoChao]

有原型会更有计划

[Daniel17]

去专门的网站找啊，ui8 之类的

[noahliaszn]

最简单方便的应该是 figma 吧 画草图的话 可以用 excalidraw

[dearroy]

我都是想清楚了直接开写的，边想边写，边写边想，这样来得比较快。

如果要设计的话，就用 Figma 大致画个低保真的。

[djoiwhud]

前后端美工产品测试运维全部自己一个人。

临时想法先用手机记事本记着。

再找找类似的界面借鉴参考，用笔画画草图。

最后 axure 画原型。

[simonmao]

我是的，自己来。

因为以前直接上手写代码的话，界面改来改去，一会调一下，永远调不满意，就陷入了代码没写两行，反而界面样式改了半天。

后来接触 Mockplus ，尝试画简单的原型来实现，但原型没有颜色，很难看，所以就在画原型的时候直接按高保真来画。（对于一些灵感我会直接草稿纸、备忘录记下）

再后来接触了 Figma ，太好用了！几乎不用 Photoshop 配合。做些东西的时候，先去社区找下喜爱的主题配色，然后参考按自己的需求来画，最后将图导出来，前端的话还可以配合 Mockplus 插件，就可以在线提取前端样式，开发的时候直接按照稿图来写，有事倍功半之力。

所以现在开发新功能的时候，我先设计功能逻辑，然后画图，最后再开发。

[MMMMMMMMMMMMMMMM]

直接找现有高 star css 框架，常见样式都给你写好了
不符合需求上 tailwind 微调下即可

[chensuiyi]

不画原型，直接开干。

[opentrade]

画面全在脑子里

[dream4ever]

@Daniel17 多谢推荐，去官网看了一下全套资源包太贵了，去淘宝花了 20 买了盗版的全套资源包，对于我这样的全干工程师来说很有用，虽然买盗版不光彩。