中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

文章從8個(gè)方面對sketch和figma兩款軟件進(jìn)行了比較分析，帶大家一起探究了解到底哪個(gè)才是更好用軟件，一起來看看~

寫在前面：

最近因?yàn)橐咔榈挠绊懀芏喙臼褂昧诉h(yuǎn)程辦公的模式，同時(shí)也把很多遠(yuǎn)程協(xié)作的問題擺在了臺面上。對于設(shè)計(jì)團(tuán)隊(duì)來說，一款好用的協(xié)同工具非常重要，最好設(shè)計(jì)工具本身就是可以方便協(xié)同的。

據(jù)我了解到，在國外目前已經(jīng)有非常多的公司正在從sketch切換到Figma，國內(nèi)的話也有一些公司開始使用Figma，比如像網(wǎng)易就有設(shè)計(jì)團(tuán)隊(duì)也開始利用這款工具開展遠(yuǎn)程協(xié)作設(shè)計(jì)。

那Figma這款軟件到底能不能替代sketch呢？有哪些優(yōu)勢，又有哪些坑，能不能平滑過渡呢？很多人是存在疑惑的，所以彩云給大家找到這一篇干貨文章，對比分析兩款軟件的優(yōu)劣特點(diǎn)，一起來看看吧。

兩款非常好用的UI設(shè)計(jì)工具，sketch和figma之間的競爭還在持續(xù)，設(shè)計(jì)師最經(jīng)常問到的是：哪一個(gè)軟件更好用？我應(yīng)該從sketch遷移到Figma嗎？或者反過來。

我已經(jīng)用sketch2年多了，我非常喜歡這款軟件。因?yàn)橛衧ketch這樣的神器將我們從PS做UI的歷史中解救出來，如果你是從PS時(shí)代開始做UI的話，你就應(yīng)該記得有多痛苦。

我的公司最近開始遷移到用Figma。所以我有機(jī)會使用Figma來工作，然后我就發(fā)現(xiàn)它居然是和sketch不相上下的神器。

所以在這篇文章中，我將會帶大家一起看看這兩款工具的差異點(diǎn)，以及最后會告訴大家到底哪個(gè)才是最好用的。

我將會在以下幾個(gè)方面來比較這2款軟件：

1. 功能特性
2. 組件系統(tǒng)
3. 協(xié)作能力
4. 文件交接
5. 原型功能
6. 文件導(dǎo)出
7. 離線辦公
8. 插件

01 功能特性

這兩種工具幾乎具有相同的功能，相同的快捷方式和相同的結(jié)構(gòu)。如果會使用其中一個(gè)，另一個(gè)往往也能直接上手。

• Figma支持在Figma中打開sketch文件
• Figma 可以在任何系統(tǒng)中 (Windows, macOS..) 使用，因?yàn)樗腔跒g覽器的
• Sketch 是 macOS 里的原生應(yīng)用, 所以它只能在Mac中工作
• Sketch 和 Figma 目前的性能表現(xiàn)非常相似（彩云注：Figma實(shí)測還要略勝一籌）
• Figma 需要花費(fèi)比較長的時(shí)間來打開一個(gè)項(xiàng)目文件（彩云注：一定程度上取決于網(wǎng)速），而sketch打開往往只需要1秒

02 組件系統(tǒng)— Symbols Vs Components

我原來用sketch的symbols來制作組件庫感覺還不錯，但是當(dāng)我開始使用Figma后，我發(fā)現(xiàn)在組件化這塊做的更加優(yōu)秀。讓我來告訴你為什么！

Sketch中的組件樣式并不是原子級的，當(dāng)我想要構(gòu)建文本樣式時(shí)，我必須把所有想要的樣式全部列出來，需要做一個(gè)長長的列表。

我來解釋下Sketch是如何工作的：當(dāng)你定義任何文本或圖層成組件樣式時(shí)，Sketch會將所有屬性保存在這個(gè)樣式中，如果想要修改symbols中的任何樣式，都是以覆蓋的形式來完成修改。例如，如果你希望有不同的對齊方式或不同的顏色的組件，在用Sketch時(shí)，就必須提前做好所有可能的文本/圖層樣式。

讓我們再來看看同樣的情況Figma是怎么處理的：

Figma 屬性面板

Figma的驚人之處在于它的組件更具原子級，在component屬性面板中的每一個(gè)屬性都可以直接定義樣式，它的工作模式更符合設(shè)計(jì)師的需要，你可以單獨(dú)保存顏色，字體，投影，并且可以任意組合成你想要的主要樣式。這種工作流程是非常有幫助的，因?yàn)槿绻?dāng)我想要改變顏色時(shí)，我不在需要像Sketch那樣深入到元件中去調(diào)整文本風(fēng)格或者是圖層顏色。在Figma中，你可以真正做到修改一處就能改變所有。

(彩云注：從我自己的使用經(jīng)驗(yàn)來看，F(xiàn)igma中的component復(fù)制后產(chǎn)生新的Instances，比symbol強(qiáng)大的地方在于，存在子父級的關(guān)系。相當(dāng)于你可以調(diào)整一個(gè)實(shí)例樣式，但又不會干擾到父級的樣式，而修改父級的樣式又能修改全局。有點(diǎn)繞，看一張圖吧。)

我也注意到Figma把組件做的更靈活了，相比于Sketch的symbols，限制更少。

在Sketch中，如果你想要修改symbols屬性，可以通過symbol中的覆蓋樣式來調(diào)整。但是你不可以刪掉組件中的元素。例如，如果你有一個(gè)帶有圖標(biāo)的按鈕，此時(shí)就必須創(chuàng)建2個(gè)symbol，一個(gè)帶有圖標(biāo)，另一個(gè)不帶圖標(biāo)。

Figma 的組件有些不一樣，可以跟sketch一樣修改覆蓋樣式，但也可以直接修改組件層，以及層的屬性。

Figma 組件的一個(gè)示例，我可以刪除圖標(biāo)和改變按鈕的圓角半徑。

03 協(xié)作方式

選擇一個(gè)合適的工具對于設(shè)計(jì)師之間的協(xié)作是非常重要的。

Figma在協(xié)作的過程中采用了谷歌文檔的模式，允許所有設(shè)計(jì)師在同一時(shí)間，同一個(gè)文件上同時(shí)開工。你能見到許多鼠標(biāo)在頁面上，可以看到其他設(shè)計(jì)師正在做什么。

老實(shí)說，我個(gè)人不大喜歡有人一直盯著我看，或者和別人在一個(gè)文件上工作。因?yàn)楫?dāng)文件放大時(shí)，兩個(gè)人想要在同一個(gè)屏幕上工作時(shí)，簡直崩潰。但有一些設(shè)計(jì)師更喜歡這樣的工作方式。

來自Figma 的網(wǎng)頁截圖

讓我們看看Shetch如何處理協(xié)作的事情，我發(fā)現(xiàn)Sketch在這部分其實(shí)做的更好因?yàn)樗锩嬗幸粋€(gè)插件叫做abstract（彩云注：可以用來做版本管理）。它允許設(shè)計(jì)師擁有像Github那樣的項(xiàng)目分支系統(tǒng)，每個(gè)設(shè)計(jì)師都在分支中進(jìn)行設(shè)計(jì)，然后合并分支，解決沖突。我個(gè)人更喜歡這種工作方式，但有些設(shè)計(jì)師覺得它太復(fù)雜了。

04 文件交接

設(shè)計(jì)師如何把設(shè)計(jì)稿發(fā)給開發(fā)？

Figma 有自己的內(nèi)置標(biāo)注工具，但我在實(shí)際中跟開發(fā)人員遇到的最大問題是，當(dāng)我發(fā)一個(gè)界面給開發(fā)時(shí)，我必須發(fā)送整個(gè)項(xiàng)目文件鏈接。當(dāng)他們點(diǎn)擊那個(gè)鏈接時(shí)，就必須得等，直到項(xiàng)目完全加載才能看到項(xiàng)目中有一個(gè)界面的標(biāo)注文件?；蛘咴趨R報(bào)會議上，我們想打開設(shè)計(jì)稿時(shí)，可能會等到會議結(jié)束，鏈接都還沒打開。

Sketch有一個(gè)Cloud來分享界面，但我覺得目前還未開發(fā)完善，但其實(shí)目前已經(jīng)有非常多的插件來使得分享更加流暢，比如像abstract, Zelpin, invision …。使用這些插件，你只需要共享需要的界面文件，這樣加載的速度會快上很多。

05 原型功能

在Figma里面做原型是非常方便的，你可以把原型非常容易的發(fā)給用戶作為測試，因?yàn)樗姆窒砗透露籍惓：唵?，打開一個(gè)連接就好了。

Sketch是本地化工具，做原型分享就不大方便了，你必須通過Sketch cloud來分享它，而且這個(gè)云目前還非?；A(chǔ)，基本上做不了太多事情。

對于想做出有意思的動畫和漂亮的原型，Sketch和Figma都可以結(jié)合需要工具來做，比如Flinto, Protopie, Principle…

06 文件導(dǎo)出

這兩個(gè)工具在導(dǎo)出時(shí)是比較類似的，并且有許多插件可以同時(shí)被使用的，例如Zeplin和Simpli，它們的存下使得切圖導(dǎo)出更加容易。

但我在Figma中真正懷念的功能是可以復(fù)制任何畫板或任何元素，并將其粘貼到Figma之外的軟件中，但現(xiàn)在是不行的。Sketch是可以的，我以前經(jīng)常這么做，所以我的桌面并不會有太多文件垃圾，我希望Figma能盡快實(shí)現(xiàn)這一點(diǎn)。

07 離線辦公

兩種工具都可以離線工作，但Figma不能加載組件，而且離線工作時(shí)非常慢。但Sketch在離線的情況下幾乎是沒啥變化。

08 插件

Sketch比Figma出來的早很多，所以插件也要更豐富一些。但我真正喜歡Figma的是他們在每個(gè)插件進(jìn)入到Figma商店之前都會對它們進(jìn)行審核。這很好的保證了插件是可信的，不會破壞項(xiàng)目文件本身。

最后，我想強(qiáng)調(diào)的是，我對使用哪種工具更好沒有特別強(qiáng)烈的意見，因?yàn)榈侥壳盀橹?，這兩個(gè)工具都還做的不錯。學(xué)習(xí)其中一種，你也就會使用另一個(gè)，轉(zhuǎn)換其實(shí)非常容易的。

因此，我建議要根據(jù)項(xiàng)目的具體條件來選擇合適的工具。

09 彩云再補(bǔ)充一些內(nèi)容

我個(gè)人是比較看好這種云端協(xié)作模式的，云才是未來。在sketch的使用過程中，一直都有版本管理困難，多人協(xié)作不便，組件庫邏輯層級復(fù)雜等痛點(diǎn)，在使用Figma時(shí)，這些問題都已經(jīng)被解決，期待大家嘗試使用。目前在國外的一些大廠，像Twitter, Microsoft，Github,Dribbble ,Dropbox，Airbnb ，Uber都開始使用Figma作為團(tuán)隊(duì)設(shè)計(jì)工具，可能在未來成為主流設(shè)計(jì)工具也說不準(zhǔn)哦，提前準(zhǔn)備好吧。

另附上Figma中文用戶手冊：https://figmachina.com/guide

下一期，說不定我會分享一些我個(gè)人使用Figma的經(jīng)驗(yàn)（等我研究研究），感興趣的話，點(diǎn)個(gè)贊讓我多點(diǎn)動力吧，謝。

原文：https://uxdesign.cc/should-i-switch-figma-sketch-79c9828684a

作者：Ahmed Abdelmageed

譯者：彩云sky；公眾號：彩云譯設(shè)計(jì)

本文由 @彩云Sky 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議