激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

想從Sketch 切換到 Figma?不妨聽聽這份過渡指南

發(fā)布時間：2024-07-25 12:53:45 瀏覽量：573次

越來越多的設(shè)計團隊開始從 Sketch 遷移到 Figma，畢竟這是大勢所趨。但是這兩個工具之間有差異，這篇文章會分享一些無縫切換的技巧。

想要了解更多關(guān)于設(shè)計系統(tǒng)，可以關(guān)注我最近的項目——適用于 Sketch 和 Figma 的設(shè)計系統(tǒng) Slice。

為什么要使用這兩款工具？

Figma 和 Sketch 都非常適合創(chuàng)建 UI 界面和組織組件庫。它們都獲得了設(shè)計界的認(rèn)可，滿足現(xiàn)代設(shè)計師不同需求。

為什么選擇遷移到 Figma？

通常遷移到 Figma 有以下原因：

  • 尋求具有協(xié)同功能的設(shè)計工具，而 Sketch 不具備
  • 好奇 Figma 并想了解如何正確使用
  • 需要同時使用這兩種工具，對 Sketch 更熟悉，嘗試了解 Figma 的使用程度

遷移步驟

相比于其他競爭工具如 InVision Studio、Adobe XD、Framer，F(xiàn)igma 更容易從 Sketch 中導(dǎo)入文檔，保持組件關(guān)系，簡化文件傳輸流程。

為了順利轉(zhuǎn)化，需要理解兩款工具的差異并克服其中一些痛點。

開始吧！

第一步：優(yōu)先處理樣式

避免錯誤和重復(fù)工作，首先創(chuàng)建核心圖層和文本樣式。

第1步：導(dǎo)入

打開 Figma，導(dǎo)入品牌素材。

第2步：創(chuàng)建圖層樣式

在 Figma 中手動創(chuàng)建圖層和文本樣式，命名時使用斜杠進行分組。

第3步：創(chuàng)建文本樣式

Figma 中顏色可直接應(yīng)用于文本樣式，對齊方式在實例中設(shè)置，無需額外復(fù)制樣式。

提示：瀏覽器中使用 Figma 無法使用本地安裝字體，務(wù)必安裝 Font Helper。

第4步：對比和適應(yīng)

對比樣式面板，適應(yīng)新的布局樣式，確保一切妥善安排。

進階提醒

在 Figma 中，樣式可獨立應(yīng)用于單個圖層，無需組合樣式，提高風(fēng)格清晰度。

想了解更多兩軟件間樣式差異，可下載《Figma 和 Sketch 樣式指南》。

第二步：組件清單

調(diào)整樣式后，繼續(xù)處理組件，刪除無效 Figma 組件（原 Sketch 符號）。

在 Figma 中無需創(chuàng)建形狀符號，可自由控制組件圓角半徑，重命名頁面避免混淆。

了解 Figma 約束條件，習(xí)慣 Frame 概念，查看官方博客獲得更多信息，正確更新組件。

更新背景色

Figma 中容器默認(rèn)無白色背景，背景色與畫板/符號顏色相同，調(diào)整可視化效果。

更新組件名稱

刪除 Sketch 中名稱中的 . 或 _ 符號，方便快速搜索，確保每人訪問到你的素材，按需重命名。

第三步：重新塑造風(fēng)格

將組件和樣式重新連接，選擇相似圖層并綁定樣式。

使用 Figma 提供的原生解決方案，打開「edit」菜單，點擊「Select all with the Same」綁定樣式。

你還可以嘗試最新插件「Similayer」，更多搜索命令可搜索到需要的圖層。

設(shè)計系統(tǒng)和組件從 Sketch 到 Figma 的完整遷移基本完成，記得仔細(xì)檢查和驗證。

結(jié)語

工具遷移不難，重要的是了解工具屬性，正確操作，重新配置。不同軟件競爭激烈，選用應(yīng)根據(jù)實際情況而定。

推薦一下 Slice，是一款模塊化設(shè)計系統(tǒng)，兼容 Sketch 和 Figma，趕緊試試吧！

想要了解更多關(guān)于數(shù)字藝術(shù)教育相關(guān)內(nèi)容，歡迎點擊咨詢。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定