內容營銷營銷工具

Figma:在整個企業中進行設計,原型設計和協作

在過去的幾個月裡,我一直在幫助客戶開發和整合高度客製化的 WordPress 實例。這是樣式的完美平衡,透過自訂欄位、自訂貼文類型、設計框架、子主題和自訂外掛程式擴展 WordPress。

困難的部分是我是透過專有原型平台的簡單模型來完成的。雖然它是一個可靠的視覺化和設計平台,但它並不容易轉化為 HTML5CSS3。加上所有其他迭代,我的日子變得非常令人沮喪,進展極其緩慢。

令人困惑的一個問題是,設計機構只是交出了原型,而沒有提供任何類型的主樣式表……因此,我們正在努力通過將原型導出到 飛艇,然後翻譯 的CSS 為了我們 兒童主題 WordPress 中的樣式表。必要的步驟數量和平台之間的差距使得這個過程變得困難。更不用說試圖簡化速度和可擴展性的複雜性

菲格瑪

菲格瑪 提供強大的多人協作設計工具,使團隊能夠探索想法,同時即時捕捉品質回饋。

菲格瑪 使用一個平台將所有工作集中在一起,該平台可在團隊的每個成員中進行設計,反饋和協作,其中包括:

  • 設計師:在情境中即時協作。永遠不用擔心您的文件過時或覆蓋彼此的工作。
  • 利益相關者:發送連結以收集回饋、獲取變更請求並允許利害關係人在您的設計中進行副本更新。
  • 開發人員:工程師始終可以存取當前的事實來源,並且可以檢查元素、匯出資產和複製程式碼。

Figma具有一些獨特的功能:

  • 布爾運算:使用四個公式:並、減、相交和排除,您可以精確組合任何一組形狀圖層。
  • 組件:透過檔案中的可重複使用和可擴充元素更快、更一致地建構。存取每個實例中的圖層,以直觀地編輯和覆蓋內聯文字和圖像。
  • 約束:透過將物件固定到父框架、將物件捕捉到網格,甚至透過建立可縮放的元件,縮放設計以適應任何螢幕尺寸。
  • 設備框架:在合適的環境中展示您的設計。您甚至可以選擇縱向和橫向模式。
  • 相互作用:透過定義單擊、懸停、按下等時的交互,使您的原型變得栩栩如生。
  • 覆蓋:透過相對和手動定位,您可以完全控制疊加層的顯示位置和方式。
  • 像素完美: 60fps 互動式編輯為您帶來超清晰、像素完美的預覽和匯出。
  • 原型:透過連接螢幕並添加互動、過渡、疊加等元素來快速建立流程。無需同步到其他工具,只需分享 URL 即可接收回饋。
  • 響應式設計:拉伸佈局並查看它們如何響應螢幕尺寸的變化。
響應式原型
  • 滾動:在單一形狀或整個父框架內啟用水平、垂直或任意方向滾動。
  • 樣式:在所有項目中同步顏色、文字、網格和效果。保持較少的文字樣式,並使用 Figma 獨特的網格樣式在不同裝置上對齊您的設計。
  • 團隊圖書館:在 Figma 中共用元件和樣式 - 無需共用磁碟機或其他工具。您和您的團隊可以透過簡單的發布工作流程控制如何以及何時推出變更。
  • 矢量網絡:Figma 創建的鋼筆工具更加直觀,允許直接操作,同時保留與路徑的向後相容性。

企業 客戶端, 菲格瑪 可以大規模推動一致性、效率和安全性。該平台使企業客戶能夠透過團隊庫輕鬆管理設計系統,並能夠在整個組織內上傳和共享自訂字體。單一登入 (SSO)、存取控制和活動日誌都包括在內。

Figma入門

菲格瑪 他們在自己的網站上保留了大量精選的教程 YouTube頻道,這是一個入門視頻:

菲格瑪 也為開發人員提供了檢查、複製、匯出資產和複製的能力 的CSS 直接來自設計文件。您還可以透過整合啟用現有工作流程,包括 飛艇, 吉拉, Dropbox的, 原型

原則 適用於Mac。他們還擁有強大的 API.

免費試用Figma

Douglas Karr

Douglas Karr 是 CMO 的 開放洞察 和創始人 Martech Zone。 道格拉斯幫助了數十家成功的 MarTech 新創公司,協助進行了超過 5 億美元的 MarTech 收購和投資盡職調查,並繼續協助公司實施和自動化其銷售和行銷策略。 道格拉斯是國際公認的數位轉型和 MarTech 專家和演講者。 道格拉斯也是一本傻瓜指南和一本商業領導書的出版作者。

相關文章

返回頂部按鈕
關閉

檢測到Adblock

Martech Zone 我們能夠免費為您提供這些內容,因為我們通過廣告收入、聯屬鏈接和讚助從我們的網站中獲利。 如果您在瀏覽我們的網站時刪除廣告攔截器,我們將不勝感激。