2021 身為PM 必備的Figma Wireframe Kit & Plug-in - Medium

以UI/UX Designer 身份工作了六年多，目前使用Figma 跨部門與PM, Engineer 合作。

目前正在準備Figma 一對一客製化教學課程，不管是初學者、跨領域或者 ... GetunlimitedaccessOpeninappHomeNotificationsListsStoriesWrite2021身為PM必備的FigmaWireframeKit&Plug-in如果你是一個有美感且經常需要與Designer/Engineer以視覺化圖面溝通的PM，大多主打productmanagement的軟體應該無法滿足你的需求。

Figma可以解決這類問題，讓你快速地完成可迭代修改的圖，以視覺化的方式跨部門溝通。

先到官網下載軟體FigmaOfficialWebsite。

免費版可支援2個帳號同時使用，初期使用免費版即可。

Figma主打的使用者是Designer，但以我從Designer轉到PM的經驗，Figma對於非Designer來說也是一套非常棒的工具。

不管是Wireframe或者在規劃前期與內部stakeholder的溝通都非常適用。

接下來介紹幾個PM應該會非常需要的Wireframekit和Plug-in，減少手工繪製的時間。

Lo-fiWireframeKit第一個Wireframe從這裡開始！這組WireframeKit是我經常使用的工具，icon,button,textfield,tab…都有，要做出基礎的app/web的flow都夠用了。

FigmaChartsInfographicsUIkit直接從圖表庫挑選想用的圖表，別再自己慢慢畫了～圖表經常是最難表達的部分，有時候會用Excel畫好的圖表與團隊溝通，但往往還是有落差。

這組UIKit提供各種Chart的類型，讓你可以直接調整心中所想像的圖表，跨團隊溝通時就不用在雞同鴨講了。

Unsplash如果你需要各種不同的圖片模擬顯示在UI上，這個Plug-in非裝不可，不用再找其他的了XD可以直接從Unsplash匯入各種圖片，讓你在說明userstory時更清楚。

比如：Avatar,Productimage…TablePaste只要在Figma做好簡單的表格，就能將Excel的資料複製貼上到Figma中。

也許你在Excel已經有了大量的資料，現在你要做的Feature是將這些資料呈現在UI上，並且增加更多互動（例如：sort,edit…）這個Plug-in可以幫助你快速的將資料轉到Figma上，再由你來加上其他功能，不用再自己一格一格的輸入了。

WireBox可將完成度高的UI轉換成Wireframe以進行新Feature的流程設計。

如果你接手的是已經上線的產品，勢必有完整的UI設計圖了。

這時如果你要進行wireframe繪製，還要前後參考舊有的UI以進行新的設計，而初期直接以高完成度的UI來調整是不合適的，因此可以使用這個plug-in先將UI轉成wireframe再進行調整，不但能增加效率，也能讓設計師更理解你的想法。

Translator直接在Figma內翻譯文字，目前支援了108種語言，powerbyGoogleTranslate.如果你的產品需要支援多國語言，Translator就是必備的小工具了！但注意要設定好autolayout，免得翻譯完後整個大跑版喔！關於MissA以UI/UXDesigner身份工作了六年多，目前使用Figma跨部門與PM,Engineer合作。

目前正在準備Figma一對一客製化教學課程，不管是初學者、跨領域或者想轉換跑道的人都可以和我聊聊:)📮[email protected]看完文章如果有任何想法或想更進一步討論的主題，歡迎留言給我📝如果你覺得文章還不錯，請給我一些拍手👏如果你覺得文章有幫你更理解一些事情，請長按給我10個以上的拍手😍--MorefromMissAFollowAUXdesigner.Lovepodcastsoraudiobooks?Learnonthegowithournewapp.TryKnowableAboutHelpTermsPrivacyGettheMediumappGetstartedMissA48FollowersAUXdesigner.FollowMorefromMediumApprovalStudioHowdoyoubuildagooddesignbriefandhowdoyouinterpretitsresult?LeeviOjalaHowIuseMiroinsoftwaredesignandbusinessdesignCrístoferValienteMaciasYourneyanewwayoftravelingSamsonOluwajunseMytimeatInovatyvasaProductDesignerHelpStatusWritersBlogCareersPrivacyTermsAboutKnowable