Beforweb 群讨论:关于 Figma 与 Sketch
近来 Beforweb 众群友相对集中地讨论了一波关于 Figma 与 Sketch 的优劣、特质、兴衰等相关话题。感到不妨稍作汇总输出。首次尝试此类形式,一时难以名状。群友云:“听上去像播客?” 言之有理,故称之为文本播客。
内容方面,尊重所有参与讨论的群友发言,原则上除了基本的字符拼写相关修正以外,不做任何润色编辑,包括对话顺序;因而存在同一发言者的多段连贯内容被隔断的情况,但我愿保持它本来的样子。
另,很久不开后台,错过时间窗而无法回复之前一封私信:“你好,关注你们很久了,我是一个入行也近10年的 UI/UX 设计师,现在是自由设计师,平时都是单打独斗,想加入群里和同行们一起交流”。这位朋友如果看到这里,还请再联络一次。
Beforweb 群讨论:关于 Figma 与 Sketch
@阶梯先导
Sketch 确实优先使用了无限画布 & 两侧布局这种适合设计师的模式或者说范式,但 Figma 可以看到它的创始人出发点是改良 Fireworks,和 PM 石川翔先生(曾经 Dreamweaver 的设计师)基于早期 Dreamweaver 为理念来设计 Figma 的。
他有一个我印象很深的访谈,他去采访当时的网页设计师,问他们为什么你们不直接用 DW,而要先在 PS 里设计好了之后再由其他工程师在 DW 和其他软件里再次编辑呢?
@Chris哇
一开始用上 Sketch 的我,对刚冒出来的 Figma 是嗤之以鼻。
@阶梯先导
这是原来一个分享的材料,解释了 Figma 早期到现在 Dev Mode 的各种理念。
从设计师随意摆放的自由形式到工程化组件化的约束过程。
@Burton X
Sketch 我只能说,不借鉴人家好的就算了,自己是越更新越差。
@苹果酸奈诺沙星
所以这个 Structured Design 指的是组件自动布局样式那种吗?
@阶梯先导
格局大一点说,指得是一种理念。
因为当时的网页设计师说,我有随意摆放的尝试需求,但如果我把它放在另外一个地方,整个布局就乱了。这种理念或者交互原则其实也可以看到 Auto Layout 的一个优化方向。
他有一个我印象很深的访谈,他去采访当时的网页设计师,问他们为什么你们不直接用 DW,而要先在 PS 里设计好了之后再由其他工程师在 DW 和其他软件里再次编辑呢?
@啵嗷寳
Figma 和 Sketch 这类软件,到底是设计驱动了产品,还是研发驱动了产品?
@阶梯先导
它希望的是从自由到确定的那一个 moment,设计师的那个确定感觉对的 moment。
还没在团队里,作为 Figma 客户成功经理目前还不了解。
Figma 和 Sketch 这类软件,到底是设计驱动了产品,还是研发驱动了产品?
@1N
Sketch 降低了设计环节的成本,Figma 降低了设计以及上下游多个环节的成本。
@阶梯先导
不能简单的理解 Figma 只是带协作的网页 Sketch,希望这块砖拍对地方。
@1N
提升点 v.s. 提升面。
@啵嗷寳
Figma 最大的意义应该就是整合了我觉得。
Sketch 降低了设计环节的成本,Figma 降低了设计以及上下游多个环节的成本。
之前用 Sketch + 那个什么标注的软件来着,还是国外的那个。
小飞艇好像是?忘了名字了。
@fileem.bfw
开放的生态系统比较好。
@阶梯先导
Zeplin。我挺爱那个软件的。
@啵嗷寳
在这个基础上 Figma 用课代表上面说的逻辑整合起来。
Yes yes Zeplin
@fileem.bfw
设计文件、插件生态等都可以最小成本生产 & 复用。
@ChosenXu
Figma 还有一个作用就是让设计越来越懂开发。一些功能都向开发靠拢。
@C7210
冰沟。正想补充这一点。
@啵嗷寳
哈哈哈哈,这个就是我纳闷儿的,是设计在驱动产品还是研发在驱动产品。
这个小聪明必定是懂设计和研发之间的壁垒和相通之处的。
@C7210
在用 Sketch 做过几个大库之后,那年第一次上手 Figma 的时候,第一感觉就是这个逻辑对了,是贴近开发的逻辑;Sketch 的逻辑让我做库做到想死。
@阶梯先导
我理解最后应该会是模糊这些边界,回归到一起的产品设计上吧。
@Chris哇
其实这点 Sketch 一开始就做得很好。
Figma 还有一个作用就是让设计越来越懂开发。
@啵嗷寳
All in one 了。
我理解最后应该会是模糊这些边界,回归到一起的产品设计上吧。
@fileem.bfw
开始用 Figma 就像用 Dreamweaver,像前端工具。
@阶梯先导
嗯嗯,DW。
@fileem.bfw
就觉得很喜欢。盒子套盒子。
@阶梯先导
最早就是想做完了直接发布,结果没想到产生了两个职业。
@Chris哇
不要用 Sketch 和现在 Figma 比,是之前 Sketch 和 PS 比。
@C7210
从历史角度 Sketch 扮演的确实是这个角色,开了蒙,但慢慢干不过受它开蒙而继续迭代逻辑的其他工具了。
@Chris哇
是啊,也很气后来 Sketch 太固执。
@序曲
完成了承上启下的历史作用。
@1N
成功是成功者的墓志铭。
从历史角度 Sketch 扮演的确实是这个角色,开了蒙,但慢慢干不过受它开蒙而继续迭代逻辑的其他工具了。
@阶梯先导
用户量来说,有点怒其不争。
@fileem.bfw
没用过 Sketch
@Chris哇
很对。
用户量来说,有点怒其不争。
@阶梯先导
失望几次就习惯了,然后就换了
@Chris哇
很记得一开始试用 Figma 的两个点:
1. 字体库不需要写对齐(这个很早就知道)组件库可以切换,2. 日夜模式(这个是导火点)。
@啵嗷寳
切 Figma 的原因就是协同。
所有人都可以在一个文件里,还能直接开发都不需要插件。
这是我的核心诉求。抓的很准。
team!team!还是 tmd teammmmmmmmm!
@C7210
燃起来了。
@开工大吉
hhhhhh 笑死
@fileem.bfw
我是上学的时候开始用,因为开放的生态,素材、框架可以快速搭建,对新手很友好,有点 All in one 的意思。
@ChosenXu
现在用 Figma variables 更爽。
@开工大吉
Sketch 只局限于 Mac , Figma 服务于全人类了
@fileem.bfw
过去还得到处找素材、下载、导入,很复杂的工作流。
还有就是像乐高一样的组件系统,很好玩。
@Chris哇
哈哈哈哈哈哈哈
team!team!还是 tmd teammmmmmmmm!
@fileem.bfw
对,也是很重要的一点,我当时还是 Windows 用户。
Sketch 只局限于 Mac , Figma 服务于全人类了
@啵嗷寳
Yeah
Sketch 只局限于 Mac , Figma 服务于全人类了
@fileem.bfw
Windows 系统难得出了这么一个好用的工具
Figma 是一个开放的平台。网页版也是一个亮点。
@Chris哇
当时我是前端小管理,自学 Sketch 后,超级想推荐给我们设计部,MD 无奈公司都是给设计配的电脑都是 Windows。
@开工大吉
对 设计工具竟然还可以用网页!!!!
网页版也是一个亮点。
@1N
质疑浏览器,理解浏览器,加入浏览器。
@fileem.bfw
All in 浏览器。
Arc
@Chris哇
一开始网页版的设计工具是非本地,其实很多公司会怕泄密的。
@kidcvs.bfw
当可以私有化部署。
一开始网页版的设计工具是非本地,其实很多公司会怕泄密的。
@Chris哇
价格估计贵的不是一点半点。
@fileem.bfw
还有一点(Figma 可爱的 CEO
每次看发布会的重点
@开工大吉
我在领英上关注了他们的设计和开发 也会经常 po 一些优化点的思考。
@1N
如果没有动力学习一个新的工具,是否意味着其实你不需要这个工具。
略微歪出去一点。
@开工大吉
不是(只是你没有动力)。
@C7210
这又要说到工具本身是否可能引发需求和改变场景了。
@fileem.bfw
工具,就是为了使用?
@1N
或者说不是没有动力,是一个工具,可能别人都说好用,但你学习过程中总觉得非常别扭。
@fileem.bfw
有例子吗?
@开工大吉
理解。
@1N
比如用了几次 Notion,最后都没用下去。
Burton X
Sketch 没有插件完全没有 Figma 好用,就是现在越更新兼容性越差。
自己的功能还没发覆盖插件功能。
整个社区生态非常糟糕。
甚至会出现宜自家功能更新后 Sketch 快捷键冲突的情况,拉测试出去祭天都不为过。
@Sin
话说,Figma 现在也还没实现很语义化代码…
他有一个我印象很深的访谈,他去采访当时的网页设计师,问他们为什么你们不直接用 DW,而要先在 PS 里设计好了之后再由其他工程师在 DW 和其他软件里再次编辑呢?
@阶梯先导
其实 Figma 和 Notion 的成功无疑是令人欣喜和动容的,因为它们都是在相对成熟的领域创造出了更加卓越和优秀的产品,并通过产品本身的产品力传播了他们的理念与取得它们自身的成功。
或许我们处于一个所谓互联网滑坡的时代中,更多时候平庸和妥协占据了我们大部分时间与精力,对亮点和噱头的追求掩盖了创意的卓越表达与落地。但我相信好的设计本身未曾发生过变化,我们终究走回那条创意卓越的成型,让产品自身发挥更大价值的道路上去。
@KaaKii
我觉得 Figma 能成功,很重要的一点是,让工具回归到工具本身,让创意回归到原本设计师日常就应该占的精力比例上,而不是花费过多的精力在工具上。
本次话题至此结束。喜欢很多信息流淌下来的样子,并期待未来。感谢各位群友。