前幾天問(wèn)一個(gè)做了7年UI設(shè)計(jì)的朋友
“你用sketch嗎贡茅？”“不用”
“你用XD嗎秘蛇？”“不用”
“你用figma嗎？”“不用”
“你用invision Studio嗎”“啥顶考？”
“挺好的軟件赁还，為什么不用用呢”“我用PS，PS最好了村怪！”
“MMP......”
我們今天所處的環(huán)境秽浇，互聯(lián)網(wǎng)飛速發(fā)展，新的意識(shí)形態(tài)不斷涌現(xiàn)甚负，工作方式不斷發(fā)生變化柬焕，開放、共享等理念被更多的行業(yè)更多的人理解梭域，在這樣的環(huán)境中效率顯得越來(lái)越重要斑举。好的工具和工作方式帶來(lái)的是先進(jìn)的生產(chǎn)力，比如Figma的異軍突起改變了設(shè)計(jì)師傳統(tǒng)的工作方式也正在改變著我們的工作理念病涨，作為互聯(lián)網(wǎng)設(shè)計(jì)師我們應(yīng)該是互聯(lián)網(wǎng)中的前衛(wèi)者富玷。
接下來(lái)我們看一下UI設(shè)計(jì)軟件的現(xiàn)狀和發(fā)展，不管有沒(méi)有去使用它們既穆，但設(shè)計(jì)師應(yīng)該認(rèn)識(shí)到我們所處的環(huán)境赎懦。
大約在90年代以前，我們可以給它起個(gè)名稱幻工，叫做“軟件1.0時(shí)代”励两。“軟件1.0時(shí)代”軟件在自己的專業(yè)領(lǐng)域不斷的改進(jìn)，比如Illustrator1.0囊颅、Photoshop1.0 当悔，word1.0傅瞻、金山的wps1.0 等，此時(shí)的軟件最求的是功能的完善盲憎，系統(tǒng)的穩(wěn)定等嗅骄。??
來(lái)到2000年左右，我們可以稱作“軟件2.0時(shí)代”饼疙。“軟件2.0時(shí)代”開始最求便捷高效的工作方式溺森，多軟件協(xié)作，比如2002年Adobe的創(chuàng)意套裝Adobe Creative Suite窑眯，包括了今天大多數(shù)的Adobe軟件儿惫。
1999年的WPS已經(jīng)集成了電子表格和多媒體演示，2001年更名為WPS?Office伸但。
Microsoft office更早一些，在90年代就完成了從單一軟件到套裝的轉(zhuǎn)變留搔。
2010年前后我們可以稱作“軟件3.0時(shí)代”更胖。隨著技術(shù)的發(fā)展和普及，這個(gè)時(shí)代的軟件開始加入“云”的理念隔显，云端存儲(chǔ)却妨，云端共享，比如2013年Adobe的創(chuàng)意云Adobe Creative Cloud也就是我們熟知的CC系列括眠，一個(gè)賬號(hào)就可以在任意電腦上使用自己的資源彪标。
金山2012年推出WPS云文檔，2016年發(fā)布WPS+云協(xié)作掷豺，2018年多人實(shí)時(shí)在線協(xié)作的金山文檔上線（金山軟件的發(fā)展很好的體現(xiàn)了軟件的發(fā)展趨勢(shì)）捞烟。
2013年至今，我們可以稱作“后軟件時(shí)代”或者“軟件4.0時(shí)代”当船，當(dāng)然這只是主觀的一個(gè)叫法题画，時(shí)間節(jié)點(diǎn)也未必科學(xué)。
2013年
????·訂閱號(hào)從無(wú)到有德频，成為內(nèi)容創(chuàng)業(yè)搶奪的藍(lán)海到市場(chǎng)逐漸飽和苍息；
????·為發(fā)燒而生的小米銷量開始被華為、OPPO壹置、VIVO三家合力圍剿竞思；
????·Papi醬依靠短視頻吐槽拍出2200萬(wàn)元“天價(jià)”廣告位后被邏輯思維撤資；
????·滴滴與快的钞护、優(yōu)步之間的燒錢大戰(zhàn)打的分外眼紅最后也喜結(jié)連理盖喷；
????·ofo和摩拜平地一聲驚雷引發(fā)了出行領(lǐng)域的又一輪燒錢大戰(zhàn)；
????·4G拍照正式發(fā)放患亿；
???? ......
這些和軟件并沒(méi)有太大關(guān)系传蹈，有些扯遠(yuǎn)了押逼，跟軟件相關(guān)的是，2013年P(guān)rocessOn在線做圖工具的上線（國(guó)外同類型的產(chǎn)品出現(xiàn)的更早）惦界，ProcessOn是一款在線做圖工具挑格，主要用來(lái)繪制流程圖，思維導(dǎo)圖等沾歪，團(tuán)隊(duì)成員可以實(shí)時(shí)協(xié)作漂彤。更重要的是ProcessOn一個(gè)web應(yīng)用，一個(gè)瀏覽器灾搏，一個(gè)窗口挫望，全部搞定。ProcessOn在0銷售成本下用戶突破100萬(wàn)狂窑。這在一定程度上折射出軟件的發(fā)展趨勢(shì)：云端化媳板、去平臺(tái)化、共享化泉哈，傳統(tǒng)的軟件必將逐步被云應(yīng)用所替代蛉幸。
此后，國(guó)內(nèi)的墨刀和摹客2014年上線丛晦，國(guó)外的Figma 2015年上線奕纫，Adobe XD 2016年上線，2017年的國(guó)內(nèi)的xiaopiu上線烫沙，2020年9月xiaopiu推出“即時(shí)設(shè)計(jì)”匹层，新版本的墨刀也加入了實(shí)時(shí)協(xié)作功能⌒啃睿看到國(guó)內(nèi)的設(shè)計(jì)軟件越來(lái)越優(yōu)秀升筏，非常的高興和期待！2020年突如其來(lái)的變化煤率，讓無(wú)數(shù)人居家辦公仰冠，團(tuán)隊(duì)協(xié)作，遠(yuǎn)程辦公等工具和理念被更多的人注意到......
我們可以看到軟件的發(fā)展大致是這樣的線路：
接下來(lái)我們看一下“后軟件時(shí)代”的UI設(shè)計(jì)軟件蝶糯，今天要說(shuō)的是目前主流的UI設(shè)計(jì)軟件——Sketch洋只、Figma、Adobe XD昼捍、Invision Studio
首先說(shuō)明一下
1识虚、上面提到的墨刀和摹客也是非常非常優(yōu)秀的設(shè)計(jì)軟件，功能也非常的完善妒茬，甚至一些功能比這些軟件的體驗(yàn)還要好担锤，墨刀摹客也是很好的選擇。不過(guò)我們更習(xí)慣把墨刀和摹客看做原型設(shè)計(jì)工具乍钻，所以不在討論范圍肛循。
2铭腕、還有一些很好的軟件比如Framer、Affinity Designer多糠，也非常優(yōu)秀累舷，但本人沒(méi)有深入體驗(yàn)過(guò)加之國(guó)內(nèi)使用者較少，所以不在討論范圍夹孔。
3被盈、大部分同學(xué)依然使用的是PS，但PS算不上正經(jīng)的UI設(shè)計(jì)工具(*^▽^*)搭伤，雖然它很強(qiáng)大只怎，所以也不在討論范圍。
4怜俐、Sketch由于我們的使用環(huán)境所限身堡，更像是一個(gè)傳統(tǒng)軟件，但它也為了保持競(jìng)爭(zhēng)力不斷地更新迭代拍鲤，也可以通過(guò)各種插件實(shí)現(xiàn)團(tuán)隊(duì)特有的工作流盾沫。
5、Invision Studio是Invision眾多產(chǎn)品中的一個(gè)殿漠，Invision包括Invision Cloud、Invision Studio佩捞、Invision DSM
“后軟件時(shí)代”的UI設(shè)計(jì)軟件具有共同的特點(diǎn)就是一站式設(shè)計(jì)——從線框绞幌、原型、設(shè)計(jì)一忱、動(dòng)效莲蜘、討論到協(xié)作一站式完成。
首先我們看一下這幾個(gè)軟件的基本信息：
能夠發(fā)現(xiàn)這四款軟件的定位包括功能基本是一致的帘营。
1票渠、基礎(chǔ)功能
首先說(shuō)一下基礎(chǔ)功能，所謂的基礎(chǔ)功能就是本地化設(shè)計(jì)常用的芬迄，圖形繪制问顷、路徑編輯、布爾運(yùn)算禀梳、文本設(shè)置杜窄、圖層樣式、蒙版算途、模糊塞耕、頁(yè)面設(shè)置、柵格等嘴瓤，這些功能和基本的操作Sketch扫外、Figma莉钙、Adobe XD、Invision Studio的差別不大筛谚，甚至很像磁玉，相對(duì)比較簡(jiǎn)單，如果熟悉其中的一個(gè)其他的很容易上手刻获，這里就不多做介紹蜀涨。
2、組件系統(tǒng)
組件系統(tǒng)蝎毡，概況來(lái)說(shuō)組件系統(tǒng)就是方便設(shè)計(jì)師對(duì)組件厚柳、樣式、顏色沐兵、文本樣式復(fù)用别垮，可以統(tǒng)一修改。
最近幾年組件化設(shè)計(jì)思維越來(lái)越被重視扎谎，各大廠都有自己的組件系統(tǒng)碳想，它是一種高效的工作方法及思維模式。關(guān)于組件化設(shè)計(jì)思維在這里就不再贅述毁靶，有興趣的同學(xué)可以看一下站酷的這幾篇文章? 點(diǎn)擊標(biāo)題查看
《組件化設(shè)計(jì)思維 – 從規(guī)范到工具的構(gòu)建與探索》
《【滴滴平臺(tái)體驗(yàn)設(shè)計(jì)研究】設(shè)計(jì)的“整理術(shù)” —滴滴表單項(xiàng)目的組件化設(shè)計(jì)思維沉淀》
它們的組件系統(tǒng)各有千秋胧奔，比如
· Sketch、Figma预吆、Invision Studio切換組件時(shí)可以下拉選擇切換龙填，XD的切換是直接拖動(dòng)組件到原來(lái)組件上替換，可以用斜杠 / 命名對(duì)組件進(jìn)行分組拐叉；
· Figma岩遗、XD的組件可以有多種狀態(tài)，并且可以直接識(shí)別到sketch文件的組件凤瘦；
· Sketch宿礁、Invision Studio把組件歸類到一個(gè)單獨(dú)的頁(yè)面空間；
· Figma蔬芥、XD的組件更靈活梆靖；
當(dāng)然我們習(xí)慣一種就好，關(guān)鍵的是運(yùn)用到實(shí)際工作中笔诵！
Adobe XD ↑
Figma ↑
Invision Studio ↑
Sketch ↑
Sketch ↑
3涤姊、團(tuán)隊(duì)組件庫(kù)
說(shuō)到組件庫(kù)就不得不說(shuō)團(tuán)隊(duì)組件庫(kù)，組件可以使設(shè)計(jì)師管理單個(gè)文件的設(shè)計(jì)資源嗤放，而團(tuán)隊(duì)組件庫(kù)可以使我們整個(gè)團(tuán)隊(duì)使用同一套規(guī)范思喊，一個(gè)組件有所改動(dòng)，所有用到這個(gè)組件的文件都會(huì)自動(dòng)修改次酌，這對(duì)于團(tuán)隊(duì)協(xié)作是至關(guān)重要的恨课。
Sketch的團(tuán)隊(duì)組件庫(kù)
可以使用自帶的Sketch Libraries舆乔，也可以使用蘋果的iCloud ，藍(lán)湖為Sketch量身打造的“設(shè)計(jì)規(guī)范云”使用體驗(yàn)也是超級(jí)棒剂公！
Figma的團(tuán)隊(duì)組件庫(kù)
Figma的團(tuán)隊(duì)協(xié)作本身就是大家共同編輯同一個(gè)文件希俩，免費(fèi)用戶只能在一個(gè)文件里面使用組件，團(tuán)隊(duì)項(xiàng)目可夸設(shè)計(jì)稿使用纲辽，但需要是付費(fèi)的專業(yè)版颜武。
XD的團(tuán)隊(duì)組件庫(kù)
把設(shè)計(jì)文件共享給團(tuán)隊(duì)成員，團(tuán)隊(duì)成員即可使用文件中的組件拖吼，并且可以共同編輯鳞上。
Invision Studio的團(tuán)隊(duì)組件庫(kù)
Invision Studio暫時(shí)沒(méi)有團(tuán)隊(duì)組件庫(kù)，但它可以導(dǎo)入其他文件的組件吊档，我們可以通過(guò)文件傳送的方式間接實(shí)現(xiàn)組件的共享篙议。
Invision Studio ↑
Adobe XD ↑
Sketch ↑
4继低、智能布局
智能布局是“后現(xiàn)代設(shè)計(jì)軟件”的重要功能之一应又，它可以幫我們快速實(shí)現(xiàn)響應(yīng)式布局噩死。
雖然它們的叫法不一樣蟆盐，但功能基本一致。
· Sketch叫Smart Layout?“聰明布局”哨毁；（這翻譯好別扭o(*￣︶￣*)o）
· Figma叫Auto Layout“智能布局”砸彬；
· Adobe XD叫Content-Aware Layout“內(nèi)容感知布局”造垛；
· Invision Studio叫Responsive Layouts“響應(yīng)式布局”葡秒；
其中Figma的Auto Layout可以實(shí)現(xiàn)更為復(fù)雜的效果雁佳，同時(shí)嵌套邏輯也更復(fù)雜。Invision Studio的Responsive Layouts的功能稍弱同云，只能實(shí)現(xiàn)一些簡(jiǎn)單的自適應(yīng)效果。Invision Studio響應(yīng)式布局的核心是使用百分比的單位堵腹。
Invision Studio ↑
Sketch ↑
Figma ↑
Sketch ↑
5炸站、數(shù)據(jù)填充
數(shù)據(jù)填充是我們做設(shè)計(jì)的時(shí)候經(jīng)常遇到的問(wèn)題，就是填充一些頭像疚顷、圖片旱易、文字等模擬的數(shù)據(jù)，它可以使我們的設(shè)計(jì)效果看起來(lái)更真實(shí)腿堤，代入感更強(qiáng)阀坏。數(shù)據(jù)填充可以分為兩大類型：
一是隨機(jī)的數(shù)據(jù)
隨機(jī)數(shù)據(jù)內(nèi)容不可控，它們都有這樣的插件笆檀，其中sketch自帶這個(gè)功能忌堂。
二是自定義數(shù)據(jù)
定義自己想要的文字和圖片。比如同時(shí)支持Figma酗洒、Adobe XD的Google Sheets插件士修。
· Sketch可以自定義本地的圖片和文本或者使用插件如Kitchen等枷遂；
· Figma可以通過(guò)Google Sheets插件實(shí)現(xiàn)自定義數(shù)據(jù)，或者用其他插件進(jìn)行隨機(jī)數(shù)據(jù)棋嘲；
· Adobe XD可以直接拖動(dòng)本地的圖片和文本進(jìn)行填充酒唉，或者使用其他插件；
· Invision Studio可以通過(guò)“Data”插件實(shí)現(xiàn)隨機(jī)數(shù)據(jù)或定義本地?cái)?shù)據(jù)沸移。
Adobe XD ↑
Sketch ↑
Figma ↑
6痪伦、原型
原型功能是一站式設(shè)計(jì)的不可或缺的功能。這一點(diǎn)Figma雹锣、Adobe XD网沾、Invision Studio的體驗(yàn)是比較一致的。
· 可以實(shí)現(xiàn)不同的交互方式如點(diǎn)擊笆制、滑動(dòng)绅这、長(zhǎng)按等等；
· 可以實(shí)現(xiàn)不同的交互效果如緩入在辆、緩出证薇、線性等等；
· 可以以連接的形式分享給他人匆篓；
· 可以在手機(jī)上預(yù)覽并實(shí)際的操作浑度；
Sketch只能實(shí)現(xiàn)簡(jiǎn)單的跳轉(zhuǎn)和過(guò)渡，當(dāng)然Sketch可以借助它的最佳拍檔Principle完成復(fù)雜的交互動(dòng)效鸦概。
Figma箩张、Adobe XD可以實(shí)現(xiàn)帶有過(guò)渡效果的動(dòng)效，也就是補(bǔ)間動(dòng)畫窗市。因此可以完成更真實(shí)的交互效果先慷。
Invision Studio的原型功能最完善，因?yàn)楸旧鞩nvision Studio就是同時(shí)借鑒了Sketch設(shè)計(jì)部分和principle動(dòng)效部分咨察，可以調(diào)整動(dòng)效的關(guān)鍵幀以及動(dòng)畫曲線论熙。所以Invision Studio可以實(shí)現(xiàn)更復(fù)雜的交互效果。但I(xiàn)nvision Studio的彈性效果不能像Principle那樣自定義張力和摩擦力摄狱，也就是彈性幅度脓诡。
Invision Studio ↑
Invision Studio ↑
Figma ↑
Invision Studio ↑
Invision Studio ↑
7、實(shí)時(shí)協(xié)作
實(shí)時(shí)協(xié)作是團(tuán)隊(duì)協(xié)作的重要體現(xiàn)媒役。實(shí)時(shí)協(xié)作概況來(lái)說(shuō)就是多人實(shí)時(shí)編輯同一個(gè)文件祝谚，就像打LOL一樣。它給我們帶來(lái)的不僅是工作流程的改版酣衷，也是逐步改變了我們的思考方式和工作方式交惯。
這也是很多軟件的發(fā)展趨勢(shì)，如各種協(xié)作文檔，前面提到的ProcessOn商玫，以及最新版本的墨刀也增加了實(shí)時(shí)協(xié)作功能箕憾。相信實(shí)時(shí)協(xié)作將在不久的時(shí)間里大放異彩！
在實(shí)時(shí)協(xié)作方面Figma無(wú)疑是在這四個(gè)軟件里面出現(xiàn)最早的拳昌，F(xiàn)igma也是非常的穩(wěn)定袭异。
Adobe XD緊隨其后，并且Adobe的實(shí)時(shí)協(xié)作體驗(yàn)也非常的不錯(cuò)炬藤，不過(guò)免費(fèi)用戶只能兩個(gè)用戶編輯御铃。
Sketch也增加了實(shí)時(shí)協(xié)作，目前還在測(cè)試階段沈矿。
Invision Studio的實(shí)時(shí)協(xié)作不是共同編輯設(shè)計(jì)稿上真，而是在設(shè)計(jì)稿上實(shí)時(shí)進(jìn)行涂鴉式的討論。
Adobe XD ↑
Figma ↑
Figma ↑
Invision Studio ↑
8羹膳、工作交接
工作交接可以分為三個(gè)方面
一是設(shè)計(jì)分享睡互，他人或者團(tuán)隊(duì)成員可以通過(guò)鏈接看到你的設(shè)計(jì)稿。
二是設(shè)計(jì)討論陵像，就像藍(lán)湖就珠、Zeplin一樣，進(jìn)行打點(diǎn)的評(píng)論醒颖，@團(tuán)隊(duì)成員妻怎，回復(fù)等。
三是交付前端泞歉，就像藍(lán)湖逼侦、Zeplin一樣，查看代碼信息下載切圖腰耙。
Figma榛丢、Adobe XD、Invision Studio在工作交接上的體驗(yàn)是一致的挺庞，Invision Studio的設(shè)計(jì)討論更加靈活晰赞，可以進(jìn)行多人實(shí)時(shí)討論。
Sketch也增加了這樣的功能挠阁，但由于我們的使用環(huán)境等問(wèn)題，我們一般還是習(xí)慣借助藍(lán)湖等第三方軟件實(shí)現(xiàn)這樣的工作交接溯饵。藍(lán)湖也支持Adobe XD侵俗。
Figma ↑
Invision Studio ↑
Figma ↑
Invision Studio ↑
Figma ↑
Sketch ↑
9、插件
插件極大豐富了軟件的功能和軟件之間的協(xié)作丰刊。所以他們都很鼓勵(lì)更多的人開發(fā)插件隘谣。
說(shuō)到插件，不得不提到Sketch，由于Sketch用戶基礎(chǔ)廣寻歧，所以它有非常完善的插件生態(tài)掌栅，也吸引了很多開發(fā)者創(chuàng)作插件。
Figma码泛、Adobe XD猾封、Invision Studio雖然起步相對(duì)較晚，但他們的插件數(shù)量也在快速的增加噪珊。
Sketch里非常優(yōu)秀的craft插件晌缘，就是Invision團(tuán)隊(duì)開發(fā)的。
Sketch ↑
Figma ↑
Adobe XD ↑
Invision Studio ↑
10痢站、資源
這里說(shuō)的資源包括：設(shè)計(jì)文件磷箕、作品、第三方控件阵难、教程等岳枷。
Sketch的資源是最豐富的，因?yàn)樗霈F(xiàn)較早呜叫，經(jīng)過(guò)了多年的發(fā)展空繁，互聯(lián)網(wǎng)上已經(jīng)有非常多的關(guān)于sketch的資源。但大多集中在第三方網(wǎng)站怀偷，sketch官方資源較少家厌。
說(shuō)到資源，不得不提到Figma社區(qū)椎工，F(xiàn)igma的社區(qū)集中了絕大部分的資源饭于，包括作品、控件维蒙、插件等等掰吕，加上Figma本身云端的特性，使用起來(lái)非常的方便颅痊，比如插件殖熟，點(diǎn)一下安裝按鈕即可。
Adobe XD也有自己的社區(qū)斑响，當(dāng)然這個(gè)社區(qū)不僅是是XD的菱属，包含了Adobe的很多軟件，打開Creative Cloud 在Discover一欄就能看到相關(guān)的內(nèi)容舰罚。
Invision Studio由于國(guó)內(nèi)使用者相對(duì)較少纽门，所以資源也相對(duì)較少，特別是中文資源营罢，Invision Studio的資源可以直接去它的官網(wǎng)查找赏陵。Invision Studio自帶的Studio App Store還處于bate版本，不過(guò)已經(jīng)收集了幾十套的文件資源和插件。
Sketch ↑
Figma ↑
Adobe XD ↑
?Invision Studio ↑
如果分別用一句話總結(jié)他們的核心特點(diǎn)蝙搔，那就是：
· Sketch群眾基礎(chǔ)強(qiáng)大缕溉，“功能不夠，插件來(lái)湊”吃型，Mac獨(dú)寵
· Figma云端軟件证鸥，協(xié)作無(wú)敵
· Adobe XD 大廠軟件，多軟件協(xié)作便捷
· Invision Studio設(shè)計(jì)與動(dòng)效融為一體
Sketch是最早在UI設(shè)計(jì)師中流行的一款軟件败玉，但被只能在mac電腦上使用敌土，這就把很多人拒之門外。Sketch受到后起之秀Figma运翼、Adobe XD很大的沖擊返干，但也促使sketch更好的發(fā)展，比如也開始加入實(shí)時(shí)協(xié)作血淌。但不能否認(rèn)Sketch目前仍在UI設(shè)計(jì)工具中占據(jù)首位矩欠。
由于Sketch需要付費(fèi)使用，加之我們的使用環(huán)境悠夯，它自帶的很多功能我們并用不上或者不好用癌淮，我們可以借助插件完成。Sketch的插件系統(tǒng)十分強(qiáng)大沦补，很多工具都有為sketch開發(fā)插件乳蓄，像藍(lán)湖設(shè)計(jì)規(guī)范云、墨刀夕膀、摹客等等虚倒。
關(guān)于Sketch的教程網(wǎng)上非常多，可以在B站上搜索sketch产舞，會(huì)有非常多優(yōu)秀的教程魂奥。比如
像素范https://space.bilibili.com/15741969/
新像素?https://space.bilibili.com/389903587/
優(yōu)設(shè)基礎(chǔ)訓(xùn)練營(yíng)https://space.bilibili.com/39990344
Figma是“后軟件時(shí)代”的典型代表。云端易猫、社區(qū)耻煤、協(xié)作等特點(diǎn)使他能夠在短時(shí)間內(nèi)被行業(yè)追捧。不管你認(rèn)不認(rèn)同這種趨勢(shì)准颓，它就在那哈蝇。
但就我們國(guó)內(nèi)的使用環(huán)境，還存在一些不好的體驗(yàn)：
一是被很多人詬病的依賴網(wǎng)絡(luò)問(wèn)題攘已，就算有網(wǎng)也可能加載較慢炮赦，可能還需要更科學(xué)的上網(wǎng)方式。這一點(diǎn)體驗(yàn)確實(shí)不好贯被，不過(guò)并不影響它的正常使用眼五。但作為UI設(shè)計(jì)師難道不應(yīng)該經(jīng)常去看一些設(shè)計(jì)網(wǎng)站嗎，科學(xué)的上網(wǎng)方式不應(yīng)該是我們UI設(shè)計(jì)師的一項(xiàng)基本技能嗎彤灶？
二是前端交付問(wèn)題看幼，它不支持藍(lán)湖，或者說(shuō)藍(lán)湖不支持Figma幌陕，我們國(guó)內(nèi)很團(tuán)隊(duì)都在使用藍(lán)湖诵姜，這一點(diǎn)使得它的遷移成本較高。
Figma比較出名的是它的實(shí)時(shí)協(xié)作搏熄，多個(gè)人同時(shí)編輯一個(gè)文件棚唆，這種體驗(yàn)真的很棒。
關(guān)于Figma的教程心例，給大家推薦一位B站的up主宵凌，草帽sMaohttps://space.bilibili.com/108104104/?他是一個(gè)Figma的狂熱愛(ài)好者，看了他的教程就不用再去其他地方了止后。 當(dāng)然他的sketch教程也很棒瞎惫！上面說(shuō)的新像素的up主也是他。站酷首頁(yè)
Adobe XD的路徑編輯很弱译株，連輪廓化描邊都需要借助插件瓜喇，詢問(wèn)Adobe官方，回答是后續(xù)可能會(huì)增加這樣的功能歉糜，目前讓從AI導(dǎo)入乘寒，或者使用Astui插件，好吧匪补，畢竟是大佬伞辛，你說(shuō)的算。
· Adobe XD的實(shí)時(shí)協(xié)作需要軟件版本一致叉袍。
· Adobe?XD的重復(fù)網(wǎng)格+自定義數(shù)據(jù)填充很方便始锚。
· Adobe XD還有一個(gè)顯著的特點(diǎn)就是屬于Adobe系列，多軟件協(xié)作特別方便喳逛，比如直接在ps里面編輯位圖瞧捌，直接導(dǎo)入AI文件，直接導(dǎo)出到AE去做交互動(dòng)效润文。
· Adobe XD的組件和共享用不了姐呐，這個(gè)問(wèn)題很好解決，在我的教程里會(huì)講到典蝌。
· Invision Studio最大的特點(diǎn)就是直接做動(dòng)效曙砂，就像是sketch+principle的合體。
· Invision響應(yīng)式布局的核心是用百分比的單位骏掀；
· 目前沒(méi)有多人實(shí)時(shí)編輯鸠澈，但有多人實(shí)時(shí)討論柱告；
Invision Studio是Invision眾多產(chǎn)品中的一個(gè)，Invision包括Invision Cloud笑陈、Invision Studio际度、Invision DSM。
其中的Invision DSM的服務(wù)對(duì)象是Sketch涵妥，簡(jiǎn)要來(lái)說(shuō)就像是藍(lán)湖為Sketch做的設(shè)計(jì)規(guī)范云乖菱。或者應(yīng)該說(shuō)設(shè)計(jì)規(guī)范云像Invision DSM蓬网；Invision Cloud還包括了Craft插件窒所，Craft是使用在ps和sketch上的插件。
關(guān)于Invision Studio的教程帆锋，網(wǎng)上資源相對(duì)較少吵取，如果你使用過(guò)前三個(gè)軟件，那么只需要熟悉和習(xí)慣一下操作就完全可以上手锯厢。也可以去它的官網(wǎng)海渊，有詳細(xì)的使用方法和視頻。
只要不是用ps就是進(jìn)步
1哲鸳、根據(jù)團(tuán)隊(duì)使用情況選擇
2臣疑、如果是萌新用戶建議選擇Figma或Adobe XD
3、如果網(wǎng)絡(luò)不允許可以選擇Adobe XD或Sketch
4徙菠、如果想探索更多的不同可以選擇Invision Studio?
5讯沈、至少可以選擇Adobe XD+藍(lán)湖
他們都存在體驗(yàn)不好的地方，但他們都在快速的更新婿奔，這也很好的體現(xiàn)了快速迭代的產(chǎn)品思維缺狠。
上面提到的軟件功能大部分經(jīng)過(guò)親自測(cè)試，難免有錯(cuò)誤和不足歡迎大家指正萍摊！
就在我寫這篇文章的同時(shí)挤茄，Adobe在10月20日召開了一年一度的Adobe MAX大會(huì)，大會(huì)的主要內(nèi)容是：新應(yīng)用冰木，新功能以及更快穷劈，更輕松的協(xié)作方式。有興趣的同學(xué)可以看一下這個(gè)60秒的短片?
也是在10月20日Adobe XD發(fā)布了34版本踊沸，這個(gè)版本的新增功能有：3D變換歇终、組件嵌套、用于團(tuán)隊(duì)協(xié)作的Creative Cloud庫(kù)逼龟、增強(qiáng)智能布局评凝、共同編輯從bate版變?yōu)檎桨妗⒏嗟牟寮?/p>
3D變換除了做一些帶透視的設(shè)計(jì)腺律，還可以結(jié)合Adobe XD的自動(dòng)動(dòng)畫做出來(lái)更多的效果奕短，以下是我的一些簡(jiǎn)單的嘗試宜肉，期待大家創(chuàng)作更多腦洞大開的效果。
組件的嵌套可以使Adobe XD像Sketch和Figma一樣實(shí)現(xiàn)更復(fù)雜的效果翎碑。
最令人欣喜的是它智能布局增加了自動(dòng)高度文本崖飘，這使得Adobe XD的智能布局更趨近Figma，配合組件嵌套給我們提供了更多的創(chuàng)作空間杈女。
Sketch在10月份也更新了69版本，增加了助手吊圾、字體嵌入达椰、組件管理等功能。
Figma最近也更新了很多功能项乒，如優(yōu)化了組件調(diào)用啰劲、增強(qiáng)原型等，并預(yù)計(jì)在11月份更新Auto Layout功能檀何。
