Figma 3.0 版本重磅發布！為你揭秘這款2018年最值得體驗的設計軟體！
寫在前面：
可能有很多人並沒有用過Figma，甚至都沒聽過。所以，我先簡單介紹一下這款軟體。
首先看下這款軟體在2017年的使用排名：
數據來源：http://uxtools.co/tools/design
Figma是一款基於瀏覽器的協作式UI界面設計軟體，與一般的UI設計軟體不同，它不僅擁有強大且智能的UI設計功能，還完美支持多人協作功能，是第一款真正支持協作功能的UI設計軟體，該軟體有在線版和桌面版。
你可能會想多個設計師實時準備同一個項目的情況或許不太多見，但例如這個設計師經常遇到的場景：在遠程會議中，團隊成員同時在看一個項目，並實時提供反饋來修改項目，Figma將是最合適不過的解決方案。
更多詳細信息請到Figma的官網 https://www.figma.com，親自體驗一把吧！
Ps：本篇文章的作者同時也是開發這款軟體公司的CEO（Dylan Field），文章發出來短短2天，在medium上就獲得了 14.1K 的贊，可見軟體的受歡迎程度！
以下是譯文部分：
基於客戶端工具的設計可能會帶來沉重的代價。 團隊需要花費大量的時間來管理繁雜的工作流程：哪個原型包含利益相關者的意見？ 風格規範是最新的嗎？ 我們是否都是從正確的設計版本開始工作？
我們認為在瀏覽器上會是一種更好的方式。今天，我很高興地向大家介紹Figma 3.0，它包含三個特性，可以讓各種規模的公司都能整合他們的工具。這將節省你的時間，因為你不需要不斷地切換應用。它將為你節省資金，因為你可以從工作流程中刪除冗餘的工具。
更新了什麼：
原型設計——我們增加了設備框架，固定對象和高級滾動功能，使你的設計栩栩如生。
樣式——藉助樣式和新的團隊庫功能，你現在可以在Figma中構建和維護公司範圍內的所有設計系統。
組織層——我們正在預演我們新的「組織」層，它可以幫助大型組織擴展他們的設計管理。
我們希望這些新功能，加上我們現有的Web功能，如開發人員切換，評論和共享組件，可讓將團隊的工作流程100％（或接近100％）切換到Figma。
接下來會詳細說明這些新特性。
原型設計
在3.0版本中，Figma的原型已經優化了。在過去的一年中，我們認真聽取了用戶的意見，並添加了一些你需要的東西，以便在工作中獲得良好的體驗:設備框架、固定對象、滾動和轉換。
是的，這意味著你的團隊終於可以與昂貴的InVision訂閱服務——以及它無休止的同步——吻別了。原型在Figma是免費的，而且與設計緊密相關，所以你不必每次都要導出界面。
更新概要：
1、設備模板
在你的設計中增加一系列的容器——從iPhone到Android，再到Apple Watch——看著它們兩眼發光。這將幫助團隊中的其他人了解設計的範圍。
2、固定對象
自從我們發布以來，我們的論壇上就開始有人希望能有固定的頁眉和頁腳。現在，你可以將狀態欄或按鈕之類的對象附加到具有約束框架的頂部、底部甚至側邊。
專業提示:使用像背景模糊或者混合模式等效果與固定對象結合可以來增強滾動體驗。
3、可滾動區域
這是一個全新的界面設計工具。可以在父框架中滾動各個形狀，父框架本身是可滾動的。想要增加一個旋轉木馬的圖像效果(例如:Netflix的水平選擇風格)？Figma可以做到！需要垂直列表嗎？只管加上。我們有點瘋狂，甚至可以做「任意方向的滾動」。
4、轉場動畫
添加溶解，幻燈片和推送效果等過渡動畫。這些微妙的過渡模仿了原生移動應用的運動效果，因此你的原型看起來會更加專業。
請閱讀我們的幫助文檔，了解如何啟用這項新功能或在此處觀看我們的教程視頻。如上所述，由於Figma在線上的原型始終是最新的，所以不需要額外的處理。
Figma原型設計的主要優勢：
實時 ?: 在設計中修改設計填充顏色或字體大小，可以觀察原型實時的變化。
鏈接注釋 ?:在其他工具中，注釋與需要它們的地方分離。在Figma中，兩者是存在鏈接的，所以在合併反饋時，不必在標籤之間切換。
TED演講模式 ?:通過在移動瀏覽器中打開你的原型，就能像TED演講一樣在會議室中閑庭信步，並能使用手機作為遙控器點擊演示文稿。
原型是一個合作跨度很大的工作需求，我們知道你們中的一些人仍然需要其他工具來完成你的工作。為了滿足需求，我們將時間和精力投入到新的API中，讓你從Figma中獲取信息。如果你希望與你最喜歡的原型應用進行特定集成，請告訴他們！（讓他們知道我們可以幫的上忙。）
Figma 的樣式將為每個人而設計
我們為Figma Styles做了大量的研究，從幾個月前就開始與用戶溝通，然後才編寫了第一行代碼。非常感謝所有參與內測的人（並對那些沒有參與上的人表示歉意！）。您的反饋非常寶貴，並且塑造了我們的最終產品。
專業提示：從使用Figma的這個Material Design UI套件，開始體驗樣式。
Figma Styles的工作方式與你以前的習慣可能有些不同。你可以從文本和效果樣式中分別應用顏色樣式。這可以防止樣式在需要更新鏈接顏色或其他次要的東西時被破壞。如果不大明白?可以去看看我們的視頻教程
（https://www.youtube.com/watch?v=gtQ_A3imzsg&feature=youtu.be）。
調整原始樣式，並在用到它的任何地方查看更新，不需要同步時間(只需在其他文件中彈出的通知上單擊接受)。使用這個樣式的隊友也可以選擇接受或拒絕對他們自己的設計文件的更改。
專業提示:在Figma中，您可以對同一個文本框應用多種樣式，只需突出顯示文本的一部分就行。
廣受歡迎的英國外賣服務Deliveroo較早地測試了我們的樣式特性。因為他們有非常複雜的產品——有供人們點餐和乘客取餐的獨立應用，以及供餐廳管理訂單的應用——Figma的模塊化方法改變了他們的設計系統。
高級設計經理Raphael Guilleminot說：「保持本地設計庫的顏色，版式和樣式是一個場噩夢，所以保持品牌在所有這些方面的一致性歷來很難做到。「Figma使我們能夠以很小的成本來大規模更新我們的品牌。」
想要更多資源？利用OpenText設計師Thomas Lowry構建的Figma材質設計用戶界面套件，開始你的Styles體驗。他還創建了一個Facebook iOS 11和一個Android UI工具包，您可以在這裡下載。請閱讀我們的內測版公告或我們的幫助文檔。
專業提示：你可以將自定義布局網格保存為樣式。
組織管理
最後，憑藉Figma的新組織管理，我們推出了可輕鬆進行大規模設計的功能。
隨著Figma在微軟(Microsoft)和優步(Uber)等公司的影響力不斷擴大，我們正在了解大型組織的運作方式。我們的組織層擁有他們所需要的控制:企業級的安全功能、組織範圍廣泛的設計系統、無限的團隊等等。
以下是概述：
組織範圍廣泛的設計系統 :公司可以在整個組織中發布更廣泛的設計系統，同時仍然允許單個組使用自己的團隊庫。當新員工加入他們在Figma的特定團隊時，他們將能夠從第一天起就能訪問到合適的資料——不需要新員工培訓、軟體設置、授權或其他必要的工作。
安全性: 通過Figma的組織管理，公司可以實施登錄限制，如SAML、谷歌SSO或雙重身份驗證。他們也可以為Figma增加訪客，這樣組織之外的人（比如承包商）也可以在沒有正式會員的情況下訪問特定的項目。
管理員控制: 管理員將能夠從一個集中的視圖中管理上面的安全功能。我們還通過審核日誌和數據導出改進了對組織數據的可見性和控制，以確保公司不會丟失工作跟蹤。
我們希望能做得更好，所以我們正在與一些精選的公司合作，以完善我們的產品。如果你對這個預覽感興趣，請在我們的定價頁面上聯繫我們。
簡而言之
設計師的工作流程不需要耗費在不斷的同步，更新，集成和保存等瑣碎事情上，他們應該把精力儘可能的都放在設計本身。
使用Figma 3.0，我們希望您可以通過使用簡單的方法替換繁雜工具棧來節省時間和金錢。一如既往，我們渴望聽到你的想法和反饋。通過我們的應用評論支持，查看我們關於原型和風格的幫助文章，加入到我們的討論中。我們很高興看到你在Figma上能做什麼!
對於這款軟體的價值，譯者有話說：
1、對於遠程團隊合作來說，基於瀏覽器的設計軟體，值得嘗試，能非常方便同步交流。
2、類似於小程序，即開即用，不需要安裝，對於非設計人員來說，能以最低的成本使用軟體並參與到設計中來。
3、實時預覽功能非常實用，能隨時預覽在不同終端的可視效果。
4、軟體中的一些非常棒的同步功能，與sketch的library功能比較類似，對於library這部分知識可以參見我的個人網站 caiyunsky.me 上標籤為sketch的幾篇文章。
感謝閱讀！
原文：
https://blog.figma.com/figma-3-0-217d6c248f85
作者：Dylan Field
譯者：彩雲Sky
本文翻譯已獲得作者的正式授權
交互設計學堂已經開設了新的欄目-行知書院，旨在幫助小夥伴們來高效的學習現在市面上優秀的用戶體驗書籍比如《交互設計精髓》等等，同時結合老D的工作經驗來幫助你們從不同的高度和角度來解讀書中的內容。每天一課，積少成多。已有222位小夥伴加入。詳細了解行知書院
TAG:交互設計學堂 |