BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

Beforweb 群讨论:关于 Figma 与 Sketch

Beforweb 群讨论:关于 Figma 与 Sketch

近来 Beforweb 众群友相对集中地讨论了一波关于 Figma 与 Sketch 的优劣、特质、兴衰等相关话题。感到不妨稍作汇总输出。首次尝试此类形式,一时难以名状。群友云:“听上去像播客?” 言之有理,故称之为文本播客。

内容方面,尊重所有参与讨论的群友发言,原则上除了基本的字符拼写相关修正以外,不做任何润色编辑,包括对话顺序;因而存在同一发言者的多段连贯内容被隔断的情况,但我愿保持它本来的样子。

另,很久不开后台,错过时间窗而无法回复之前一封私信:“你好,关注你们很久了,我是一个入行也近10年的 UI/UX 设计师,现在是自由设计师,平时都是单打独斗,想加入群里和同行们一起交流”。这位朋友如果看到这里,还请再联络一次。

Beforweb 群讨论:关于 Figma 与 Sketch

@阶梯先导

Sketch 确实优先使用了无限画布 & 两侧布局这种适合设计师的模式或者说范式,但 Figma 可以看到它的创始人出发点是改良 Fireworks,和 PM 石川翔先生(曾经 Dreamweaver 的设计师)基于早期 Dreamweaver 为理念来设计 Figma 的。

他有一个我印象很深的访谈,他去采访当时的网页设计师,问他们为什么你们不直接用 DW,而要先在 PS 里设计好了之后再由其他工程师在 DW 和其他软件里再次编辑呢?

图片来自 https://www.figma.com/customers/,感谢群友 @序曲 提供来源信息

@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 能成功,很重要的一点是,让工具回归到工具本身,让创意回归到原本设计师日常就应该占的精力比例上,而不是花费过多的精力在工具上。

本次话题至此结束。喜欢很多信息流淌下来的样子,并期待未来。感谢各位群友。