Figma 協助解決很多工作上的問題和流程，因此 Stream 設計團隊明確會繼續採用，即便有一天我們都回到辦公室工作。
Stream 的設計團隊遍佈世界。幾乎各個美國的時區都有成員，還有阿姆斯特丹的辦事處。
從腦力激盪，點子發想到產品發佈，因為地理分佈的關係使得我們必須不斷溝通，不僅是同步工作也需分享許多設計和營運決策背後的想法和邏輯。提高資訊透明度，讓我們即便不在同一個地方辦公，也能提高營運的效率。雖然沒什麼東西是完美的，但我們建立的系統運行良好，我們見證了個人成功和遠大目標的完成同時發生。
或許沒有其他工具可以像 Figma 一樣，讓協作在整個流程中緊密的結合，它是去年最流行的設計工具，估值超過 20 億美元。確實，我們團隊成員在過去一年都使用 Figma 建立設計，分享產出結果。對於我們的影響還在不斷加深。
我們知道我們並不是少數採用的團隊，無數的設計師和團隊已經採用 Figma，特別是越來越多團隊使用遠端工作的模式。儘管如此，我們還是希望分享一些這個工具產生優勢的地方。因為它的功能解決了問題並簡化了我們大部分工作，因此即便有朝一日我們都回到同一地方辦公，我們也肯定它會繼續存在 — 辦公室。
下面是我們特別希望分享平台的四個方面，希望您可以從中獲益，或許可能採用它來改善設計系統和創意產品。
Auto Layout
Figma 的 Auto Layout 是一種模擬程式實作佈局效果的功能（子元素會自動長滿容器，自動，固定間距等），您可以在設計軟體中使用（達成類似改變瀏覽器大小進一步元素自動適應變化的效果）。設計師可以套用進階屬性到元素上，然後變成這些元素的群組。接著可以自動依據規則排列或套用上層屬性（如果您還是覺得有點抽象，可以參考開頭的連結）。
舉例來說，我們幾乎每天都會使用自動寬和固定寬的功能，前者可以讓元素隨著容器的寬變化，然後當按鈕不能超過設定的寬時，就使用固定寬。設定完這些屬性之後，當我們改變 frame 的大小，整個佈局就可以模擬進到行動裝置或其他尺寸的樣子。
確實，前置設定需要花點時間，但後續得到的功能是非常值得的。您不用再擔心當外層容器需要變更尺寸的狀況。例如：按鈕的文字變更，或者某個表單要加入其他欄位的情況。
對於過去的作法而言，這是一個非常明顯的進步。例如使用 Photoshop 或 Sketch ，建立卡片列表，如果其中一張卡片比其他的高，您可能要調整其他卡片，這無疑是非常無聊繁瑣的工作。但在 Figma 只要一開始設定好結構，當你調整容器時內部元素會自動依據規則調整。（最終，我們可能直接使用 Figma 調整網站。現在已經有一些功能；可以編輯 React 元件然後連動到 Storybook 。底層編輯程式碼，然後發出一個 Pull Request 變更特定元素。沒錯，這已經是存在的，雖然還處於非常早期階段）
在 Stream，我們確實見識到 Auto Layout 在我們建置範例應用程式 UI Kit 時成效非常好。我們使用 Auto Layout 來加入我們稱為 Row 的元素，使用 Row 來加入不同類型的通知，也可以輕易的隱藏它們。即所謂同類型不同樣式的元素。從觀點上來說，這是種設計系統更加接近開發者元件庫的例子。
Prototyping
Prototyping 可讓 Figma 中的設計更進一步執行一些簡單的互動功能。雖然我們有 Hi-Fi 的設計，但它們依舊只是靜態圖片。使用 Figma 的 Prototyping 功能，我們可以讓這些圖片模擬實際產品看到的狀況或功能。我們可以模擬動畫並顯示並在應用程式中呈現它們，這有助於展示價值。畢竟，人類是視覺的生物，只是看著按鈕反饋，就可以幫助解釋產品的目的和功能。
Stream 的設計團隊經常在設計一些複雜佈局，多層次佈局如 Modal 時，利用這個功能來展示一些不常見的互動。之後我們立馬可以詢問其他部門意見；這樣設計合理嗎？反過來說，這個流程讓我們可以加速迭代和更新（另外的好處就是透過 Figma Prototyping 我們可以具象化行為，讓開發部門依照我們的想法開發）。
但上面提到的還是有其侷限。例如我們不能建置打字的模擬，的確是因為 Stream 支援了很多聊天軟體的功能，我們肯定會從這個功能受惠。目前還沒有比較好的方法可以模擬文字輸入即時更新的效果。一個輸入欄位都是從空白框直接變成包含完整內容的效果，看不到中間的內容。但我們相信，提供這些類型的功能只是時間問題。
即時分享
Figma 的即時協作和分享大概是我們最喜歡的功能，也是我們認為最有價值的功能。有了它，您可以即時共享設計，而各個團隊成員可以編輯或發表評論。由於檔案可以同時被多個使用者開啟，因此可以即時進行編輯和協作，而不需要進行視訊或檔案傳輸。坦白說，如果沒有即時共享那真的是很困擾的一個問題。
進一步來說，當我們交付設計給工程團隊的時候，還支援 Inspect Panel 顯示詳細的屬性，包含 CSS 等。
作為設計師，我們不用多做其他事情來確保資訊的正確。從我們的觀點這是另一個 Figma 讓設計更貼近開發的例子。
另外，關於即時共享。利用 Figma 不僅可以同時取得檔案共享正在處理的內容，也方便權限控管。
Figma 還支援選擇某使用者的頭像，可以精準的顯示他們看到的畫面。我們已經越來越常使用這個功能，因為不只是畫面，還告訴人們我們在螢幕上的位置，這超級實用。我們常說它比站在一個人旁邊更好用，因為可以將焦點準確的調到我們想要顯示的內容上。
社群
其他 Figma 比較實用的方面就是社群。通過這個工具可以無縫的整合成千上萬的資源，檔案，套件等。簡化流程，不用在反覆重建輪子。這幫我們節省了非常多時間。另外，Figma 也將資源分類成 Design System，Wireframe，Icon，文字等讓設計師可以更快速找到需要的資源。大部分的設計師很高興知道有其他設計師採用了他們的作品（而不是被盜用！）。
小結
如我們所說 Figma 還是有些限制，宏觀的說，技術可能無法完全滿足所有人的需求。但 Figma 已經改變了我們的工作方式，因為該平台很明顯是由設計師為設計師構建的。但這並不止於此，Figma 也是為了分散在世界各地的團隊所開發的，它讓各個部門和產品之間更加緊密。
這就是它的真正價值，設計師應該提供開發人員更多的幫助，反之亦然。通常，我們從開發人員那裡獲得更好的設計建議，然後我們也幫助他們了解我們的決策背後的原因，協助我們對產品從上到下的理解。重建及其對使用者提供的價值。
譯者備註：在閱讀本文之前，個人相對偏向於使用 Adobe XD，因為 Figma 不支援 Offline 這個點對我來說扣分有點多，畢竟開發者總是很擔心伺服器異常的狀況。不過在學習到上面這些招式之後，有了不同的看法。的確，這麼多人使用應該是有些重點，只是我當時沒看到。
原文出處：https://getstream.io/blog/4-ways-figma-has-transformed-and-improved-streams-design-team
