很可惜 T 。T 您現(xiàn)在還不是作者身份，不能自主發(fā)稿哦～
如有投稿需求，請把文章發(fā)送到郵箱tougao@appcpx.com，一經錄用會有專人和您聯(lián)系
咨詢如何成為春羽作者請聯(lián)系：鳥哥筆記小羽毛（ngbjxym）
▲點擊"TCC翻譯情報局"關注，回復"社群"加入我們
本文共 4350 字，預計閱讀 11 分鐘
TCC 情報局的 第 4 篇 翻譯
2020 年的 第 4 篇
TCC 推薦：大家好，我是聿彤，互聯(lián)網行業(yè)一直在高速前進，擁抱變化已成為日常工作的一部分。設計工具和插件的更新周期越來越短，我們從 Photoshop 過渡到 Sketch，隨后迎接了 XD 和 Figma 的誕生。恰逢后疫情時代的到來，遠程辦公模式被推上了舞臺，同時，協(xié)作問題被擺到的重要的位置，許多設計團隊面臨著工具迭代的問題，本文敘述了作者帶領團隊選擇工具的真實歷程，拆分了主流設計工具的背景和優(yōu)劣勢，說明了分析思路、調研過程和實踐經驗，給出了對未來方向的推測。希望對你有所啟發(fā)～
更新?lián)Q代的時間到了，我們的團隊又將是否淘汰 sketch 的議題提上日程。這個想法不是第一次出現(xiàn)，但這一次似乎勢在必行。去年夏天我們也曾考慮要不要替換sketch，但最終還是覺得這件事不值得團隊大費周章，我們決定等待這款軟件不斷迭代，成為我們期望中的完美設計工具。
對于 Telesoftas 的設計師來說，這是第二次革命 —— 第一次是很久以前從 Photoshop 轉向 Sketch，這在當時是一個重大的事件，是革命性的進步?，F(xiàn)在的轉變我們可以稱之為第二次設計革命，也是第二次“巨變”。
了解 Sketch 簡史，變革不可避免
團隊中的大部分人都習慣了 Sketch，在轉型之初，Sketch 是一個非常值得稱贊的工具。我們都為它的便利感到興奮，互相分享著各種小技巧和快捷操作。最讓我感興趣的功能是組件（symbols），以及如何在其中進行嵌套，它幫助我們節(jié)省了很多時間，提高了一致性，加快了整個工作流程。然而，當我在做更大的項目時，我看到了嚴重的性能問題，Sketch 開始經常崩潰，一些作品因此丟失。這是一個繁瑣的過程，考驗著你的神經。
使用 Sketch 時，團隊協(xié)作一直是個痛點，為此你必須使用插件或其他功能與團隊同步，而當我們試圖將設計從插件推送到云端時，Sketch 也頻繁出現(xiàn)故障。一個設計工具，競然需要這么多插件才能發(fā)揮最基本的功能時，這太離譜了。在設計協(xié)作上，我們嘗試過 Plant、用于與客戶或 PM 共享設計的 Invision、用于創(chuàng)建動畫的 Principle 和用于與開發(fā)人員共享的 Sympli，有時也用 Anima 來創(chuàng)建智能自適應布局。由于 Sketch 是行業(yè)標準工具，它所缺少的產品功能為新業(yè)務的產生創(chuàng)造了很多機會。
但這些好用的服務，帶來的額外費用也很可觀。每年更新 Sketch 需要 99 美元， Invision 團隊許可費用每年約 300 美元，Plant 每年約 144 美元，Sympli 每個賬戶 108 美元，由于設計團隊需要很多個賬戶協(xié)同，Sympli 的成本就更高了。不僅僅是價格的問題，整個工作流程在多種工具中切換，工作效率適得其反。
Sketch 為何掉隊
圖片來源：wallpaperflare.com
我認為 Sketch 的主要問題是它太依賴各種各樣的插件。有些插件非常棒，我很感謝社群在創(chuàng)造有趣的解決方案時提供的幫助。然而有時我覺得這些插件應該成為 Sketch 原生的功能。你必須使用所有插件來實現(xiàn)設計輸出，這對于一款設計工具來說十分可笑，也許正因為插件填補了漏洞，使 Sketch 丟掉了本應具備的創(chuàng)造力。
現(xiàn)在又很多產品正在試圖追趕，用原生功能取代了插件?？吹皆驮O計功能正在不斷更新迭代：自動布局、控件和樣式管理，云空間，我感到十分慰藉。
團隊版 Sketch 燃起希望之火
圖片來源：Producthunt
當我們關注 Sketch 博客、郵件資訊的時候，我們又為 2020 年即將到來的團隊版 Sketch、云服務和承諾的協(xié)作功能感到興奮。當去年看到這次更新的資訊時，我相信這將為 Sketch 插上趕超 XD 和 Figma 的翅膀，它們在功能和提供的體驗上與 Sketch 相差甚遠。但當我們更新了團隊版 Sketch，體驗了云服務，卻對這些功能的實現(xiàn)感到失望。Sketch 云傳輸速度很慢，唯一可以被替代的只有 Plant，但原型設計、協(xié)作的功能上 Sketch 依然后勁不足。
不幸的是，團隊版 Sketch 并沒有符合我們的高期望，所以我們開始尋找其他替代方案。我是 Sketch 的忠實粉絲，享受它帶來的極佳用戶體驗，但正如我之前提到的，其他工具與 Sketch 相差甚遠。所以我們列出所有需求，去尋找一個能涵蓋我們所需功能的工具。
對工具和作業(yè)的研究
圖片來源：Unsplash 圖片作者：Scott Graham
我從調研 "Framer X" 開始，嘗試用它做一些小項目。當然在此之前，我花了一些時間在 YouTube 和文章上了解它的信息。這個工具的主要價值在于，你可以用真實的組件來做設計，功能齊全，比如地圖、視頻播放器、表單都像一個真實的產品一樣在工作。它的交互性和原型設計的真實性帶給我不小的驚喜，此外還有它 "商城"，有豐富的組件可以下載，這些組件能為你的設計增色不少。
但還是熟悉的問題，當一個產品過于依賴插件，我不能說這個工具易用。例如，如果你想實現(xiàn)懸停功能，需要用到代碼編輯器，所以從長遠來看，你需要對 React 了如指掌才行。
試用完這個工具，我認為它無法取代 Sketch，它是一個合格的原型設計工具，但離舒適的體驗還有一定距離。在我們的評分表中，它得了低分，第一個退出備選名單，他們能提供的內容很有趣，我相信在未來，它有無限可能性，但不是現(xiàn)在。
Figma 橫空出世
圖片來源：Unsplash 圖片作者：Tracy Adams
在 Framer 的調研結束后，我下載了 Figma，出乎我意料的是 Figma 是免費的！幾乎每天我都在大量使用一款名為 "Miro" 的工具來組織研討會，與客戶、團隊進行協(xié)作，一邊進行研究。在我?guī)缀鯖]有查閱有關 Figma 的資料的情況下，多用戶協(xié)作對我來說卻沒有太大的門檻。我甚至開始覺得，它可以取代我的得力助手 "Miro "，一個全能型的工具橫空出世。
Figma 雖小，五臟俱全 —— 它有智能組件、智能布局，甚至比 Sketch 的效果更好。原型、動效甚至矢量設計也非常出色，以至于我產生了 Figma 可以替代 Adobe Illustrator 的大膽想法。我就像一個開著法拉利的孩子，對使用 Figma 感到興奮，沉浸在他們的 YouTube 頻道，研究他們的所有可能性。
Figma 的插件與社群
圖片來源：figma.com
Figma 的第一個亮點是插件，這些插件感覺就像對現(xiàn)有工作流程的輔助，而不是像在 Sketch 中那樣為產品查缺補漏。作為一個產品，F(xiàn)igma 是完整的。在研究 Figma 的時候，我盡量做到不偏不倚，但我很快就愛上了它。
另一方面，F(xiàn)igma 的協(xié)作也令人驚艷，與使用 Miro 的體驗一樣好。我知道這個工具有一段時間了，也聽過大家對它的評價，但現(xiàn)在我才感受到它有多好。它是最接近我們需求列表的 "全能型" 工具，有了它，我們不再需要在 Invision，Sympli，Plant，Anima，甚至 Miro 之間來回切換。不僅如此，他的演示功能也毫不遜色。
圖片來源：Tomas Urlikas
隨著研究接近尾聲，意想不到的事情發(fā)生了。Adobe XD 在評分系統(tǒng)中的得分和 Figma 不相上下，當我開始對它進行深入研究的時候，發(fā)現(xiàn)它無所不能，并且它還有一個優(yōu)點 —— 它在我們已有的 Adobe 訂閱計劃中發(fā)揮了很好的作用，并且與其他 Adobe 產品兼容得很好。幾年前他剛上線的時候我就嘗試使用過，而如今他已經煥然一新，XD 一定進行了無數(shù)次試錯和迭代。它甚至有在線協(xié)作功能，雖然是在 Beta 版中，但我們試用的時候，它的體驗也很很棒。
是時候做一個演示了，因為我們目前生活在的 "后疫情" 時代，所有的演示都是遠程完成的。我準備了一個長長的演示文稿，主題是是對，我使用了現(xiàn)在的模式和 Figma，我提出了 Figma。我演示了所有最令人關注的功能，在一些細節(jié)上，F(xiàn)igma 確實輸給了 Adobe XD。不得不承認 XD 是一個相當有競爭力的對手，它的動畫和原型制作更勝一籌。例如浮層的創(chuàng)建，在 Figma 中，你需要使用疊加層來創(chuàng)建浮層，而在 XD 中，只需點擊幾下就能實現(xiàn)，高效便捷。
現(xiàn)在進入了白熱化的狀態(tài)，這兩個產品的得分旗鼓相當不相上下，團隊里 XD、Figma 的支持率也是五五開，陣營已經分成了兩部分。經過討論，我們決定回到研究階段，互相研究對方陣營的工具。我們都知道兩個產品的痛點：XD 沒有分頁功能，而 Figma 的框架有時出現(xiàn)混亂，無法輕易解決。第二天，我們照例在咖啡時間，討論與工作無關的話題，但 XD 和 Figma 之間的**味又在談話間出現(xiàn)了，這是個信號，促使我們更快地得出結果。
圖片來源：Unsplash 圖片作者：You X Ventures
第二天晚上，我嘗試用 XD 做一些簡單的設計?？梢杂盟O計著陸頁或者簡單的移動端界面，但處理大型的 SaaS 產品還是有些欠缺。作為一個工具，它是個好產品，簡單易用，有你所需要的所有功能，而且發(fā)展很快，幾年時間就能超過 Sketch，并且背靠強大的 Adobe 公司 —— 它擁有日常工作所需的所有資源。
同時，我的同事 Liudas 也加入了 Figma 的在線研討會，他們從各個角度介紹了 Figma，并展示了亮點功能，例如你可以在原型模式下?lián)碛锌扇我馔蟿拥牡貓D。在這次研討會上，預覽了一些即將更新的功能 ，讓我們有機會一飽眼福，很顯然 Figma 一直在追逐 Adobe XD 在原型制作道路上的步伐。通過這次對 Figma 當前功能和未來拓展性的復盤，我們確信 Figma 是最適合我們的，這為最終的結論做了鋪墊。
又一次的會議發(fā)生了，但這次一致決定 Figma 肯定會成為我們下一個設計工具。我們還達成了一個共識，那就是如果某個項目需要更高級的原型或動畫，可以用 XD 來完成。另外，我們仍然有 Adobe 的訂閱，所以它不會從我們的工作中消失。
結論
圖片來源：figma.com
我們做出了選擇，等待我們的將是什么？這將是一個很大的變化，我們的設計過程將更流暢地協(xié)作，更加開放，更加便利?，F(xiàn)在我們對所有正在進行的項目都有一個概覽，隨時可以進入項目查看詳情。我們在早期階段盡可能的讓客戶和開發(fā)人員參與進來，如果沒有 Figma 的協(xié)作是很難做到的。在早期階段讓大家參與進來，并且有開放的設計文化，更容易得到以用戶為中心的決策。
設計工具的未來
在 2019 年的設計工具調研中，Sketch 仍然是所有人中的第一名，F(xiàn)igma 緊隨其后。但是，“明年你最想嘗試哪款工具” 的答案是 Figma，這已足夠說明問題。當下遠程工作的需求迫切，XD 或 Figma 正處在彎道超車的時刻。我們無法準確地看到未來，但可以預測設計工具界的下一個大事件是與 AI。
原文：https://uxdesign.cc/figma-vs-adobe-xd-how-we-picked-our-next-design-tool-e8a8f5d24cca
作者：Tomas Urlikas
譯者：Claire Chen
審核：張聿彤
本文翻譯已獲得作者的正式授權（授權截圖如下）
往期精選文章：
- 設計師自習社區(qū) -
TCC 翻譯情報局歡迎小伙伴加入，一起交流設計知識，了解全球設計資訊，鍛煉英文能力，發(fā)掘更多可能性～
添加小助手微信，備注「社群」，即可加入讀者群。
本文為作者獨立觀點，不代表鳥哥筆記立場，未經允許不得轉載。
《鳥哥筆記版權及免責申明》 如對文章、圖片、字體等版權有疑問，請點擊 反饋舉報
我們致力于提供一個高質量內容的交流平臺。為落實國家互聯(lián)網信息辦公室“依法管網、依法辦網、依法上網”的要求，為完善跟帖評論自律管理，為了保護用戶創(chuàng)造的內容、維護開放、真實、專業(yè)的平臺氛圍，我們團隊將依據本公約中的條款對注冊用戶和發(fā)布在本平臺的內容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質內容，同時也將采取必要措施管理違法、侵權或有其他不良影響的網絡信息。
一、根據《網絡信息內容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī)，對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息，主要表現(xiàn)為：
1)反對憲法所確定的基本原則；
2)危害國家安全，泄露國家秘密，顛覆國家政權，破壞國家統(tǒng)一，損害國家榮譽和利益；
3)侮辱、濫用英烈形象，歪曲、丑化、褻瀆、否定英雄烈士事跡和精神，以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽；
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動；
5)煽動民族仇恨、民族歧視，破壞民族團結；
6)破壞國家宗教政策，宣揚邪教和封建迷信；
7)散布謠言，擾亂社會秩序，破壞社會穩(wěn)定；
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪；
9)煽動非法集會、結社、游行、示威、聚眾擾亂社會秩序；
10)侮辱或者誹謗他人，侵害他人名譽、隱私和其他合法權益；
11)通過網絡以文字、圖片、音視頻等形式，對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網絡欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法規(guī)禁止的其他內容；
2. 不友善：不尊重用戶及其所貢獻內容的信息或行為。主要表現(xiàn)為：
1)輕蔑：貶低、輕視他人及其勞動成果；
2)誹謗：捏造、散布虛假事實，損害他人名譽；
3)嘲諷：以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述，以此來激怒他人；
4)挑釁：以不友好的方式激怒他人，意圖使對方對自己的言論作出回應，蓄意制造事端；
5)羞辱：貶低他人的能力、行為、生理或身份特征，讓對方難堪；
6)謾罵：以不文明的語言對他人進行負面評價；
7)歧視：煽動人群歧視、地域歧視等，針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊；
8)威脅：許諾以不良的后果來迫使他人服從自己的意志；
3. 發(fā)布垃圾廣告信息：以推廣曝光為目的，發(fā)布影響用戶體驗、擾亂本網站秩序的內容，或進行相關行為。主要表現(xiàn)為：
1)多次發(fā)布包含售賣產品、提供服務、宣傳推廣內容的垃圾廣告。包括但不限于以下幾種形式：
2)單個帳號多次發(fā)布包含垃圾廣告的內容；
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內容；
4)多次發(fā)布包含欺騙性外鏈的內容，如未注明的淘寶客鏈接、跳轉網站等，誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產品、品牌等內容獲取搜索引擎中的不正當曝光；
6)購買或出售帳號之間虛假地互動，發(fā)布干擾網站秩序的推廣內容及相關交易。
7)發(fā)布包含欺騙性的惡意營銷內容，如通過偽造經歷、冒充他人等方式進行惡意營銷；
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內容審核的廣告內容。
4. 色情低俗信息，主要表現(xiàn)為：
1)包含自己或他人性經驗的細節(jié)描述或露骨的感受描述；
2)涉及色情段子、兩性笑話的低俗內容；
3)配圖、頭圖中包含庸俗或挑逗性圖片的內容；
4)帶有性暗示、性挑逗等易使人產生性聯(lián)想；
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適；
6)炒作緋聞、丑聞、劣跡等；
7)宣揚低俗、庸俗、媚俗內容。
5. 不實信息，主要表現(xiàn)為：
1)可能存在事實性錯誤或者造謠等內容；
2)存在事實夸大、偽造虛假經歷等誤導他人的內容；
3)偽造身份、冒充他人，通過頭像、用戶名等個人信息暗示自己具有特定身份，或與特定機構或個人存在關聯(lián)。
6. 傳播封建迷信，主要表現(xiàn)為：
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治病；
2)求推薦算命看相大師；
3)針對具體風水等問題進行求助或咨詢；
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失，包括通過占卜方法問婚姻、前程、運勢，東西寵物丟了能不能找回、取名改名等；
7. 文章標題黨，主要表現(xiàn)為：
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導用戶；
2)內容與標題之間存在嚴重不實或者原意扭曲；
3)使用夸張標題，內容與標題嚴重不符的。
8.「飯圈」亂象行為，主要表現(xiàn)為：
1)誘導未成年人應援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網絡水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論，影響傳播秩序
9. 其他危害行為或內容，主要表現(xiàn)為：
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導未成年人不良嗜好影響未成年人身心健康的；
2)不當評述自然災害、重大事故等災難的；
3)美化、粉飾侵略戰(zhàn)爭行為的；
4)法律、行政法規(guī)禁止，或可能對網絡生態(tài)造成不良影響的其他內容。
二、違規(guī)處罰
本網站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內容質量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當一個用戶發(fā)布違規(guī)內容時，本網站將依據相關用戶違規(guī)情節(jié)嚴重程度，對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號，或者濫用多個帳號發(fā)布違規(guī)內容時，本網站將加重處罰。
三、申訴
隨著平臺管理經驗的不斷豐富，本網站出于維護本網站氛圍和秩序的目的，將不斷完善本公約。
如果本網站用戶對本網站基于本公約規(guī)定做出的處理有異議，可以通過「建議反饋」功能向本網站進行反饋。
(規(guī)則的最終解釋權歸屬本網站所有)