sketch怎么傳到ps_2020年從Sketch移植到Figma的詳細指南

sketch怎么傳到ps

As we’re locked up in our homes due to COVID-19 pandemic, many of us are working remotely and Figma is a go-to tool for designers for the same.

由于COVID-19流行病使我們被關在家里,我們中的許多人都在遠程工作,而Figma是設計師使用該工具的首選工具。

There are tons of reasons available online that may convince you to switch from Sketch to Figma, but today I’ll guide you in a journey where

網上有很多原因可以說服您從Sketch切換到Figma,但是今天我將指導您進行以下操作:

  1. You have recently switched or

    您最近已切換或
  2. Thinking of switching quickly, but afraid of learning a new tool.

    考慮快速切換,但害怕學習新工具。

好處 (Benefits)

  1. Cloud-based

    基于云的
  2. Platform independent (you can use Figma on Windows, Mac or in any browser)

    與平臺無關(您可以在Windows,Mac或任何瀏覽器中使用Figma)
  3. Figma is free for 2 projects and multiple files

    Figma免費提供2個項目和多個文件
  4. Multiuser collaboration

    多用戶協作
  5. Single tool to Brainstorm, Wireframing, Visual Design, Handoff, Prototype, Managing Design Systems

    頭腦風暴,線框圖,視覺設計,切換,原型,管理設計系統的單一工具
  6. More control over Artboards (Frames) — Read my article on how to select a perfect artboard size

    更好地控制畫板(框架)— 閱讀有關 如何選擇理想畫板尺寸的文章

  7. Clipping available on nested frames

    可在嵌套框架上進行裁剪
  8. Multi-Grids and grids inside nested frames

    嵌套框架內的多重網格和網格
  9. Components are much easier to use compared to symbols in Sketch

    與Sketch中的符號相比,組件更易于使用
  10. Auto-Layout, Search document color and text styles, and much more…

    自動布局,搜索文檔顏色和文本樣式等等。

您需要切換什么? (What do you need to switch?)

  1. If you want your old Sketch files, save your files (.sketch will work, so no need to convert into svg or fig)

    如果您希望使用舊的Sketch文件 ,請保存文件(.sketch可以使用,因此無需轉換為svg或fig)

  2. Figma account — Signup here (if you’re new)

    Figma帳戶— 在這里注冊 (如果您是新用戶)

That’s it… you’re good to go.

就是這樣...你很好。

新界面🤯 (New interface 🤯)

What should I do now?

我現在應該怎么辦?

Figma is pretty complex in the first go, let me try to explain it simply via a hierarchy system.

首先,Figma非常復雜,讓我嘗試僅通過層次結構系統來解釋它。

Image for post

After signup, you’ll be asked to create a team and select a plan to upgrade,

注冊后,系統會要求您創建一個團隊并選擇升級計劃,

  • If you wish to upgrade to an organization plan, you can create multiple teams and multiple projects.

    如果您希望升級到組織計劃,則可以創建多個團隊和多個項目。
  • If you wish to upgrade to a professional plan, you can create only 1 team with multiple projects and for other teams, you have to pay separately.

    如果您想升級到專業計劃,則只能創建一個包含多個項目的團隊,而對于其他團隊,則需要單獨付費。
  • If you wish to remain at free plan, you will be restricted to create 2 projects at max in a single team.

    如果您希望保持免費計劃,則只能在一個團隊中最多創建2個項目。

將草圖文件導入到Figma Project (Importing a Sketch file to Figma Project)

Remember, I mentioned to save your sketch file?

還記得我提到過要保存您的草圖文件嗎?

Well, now you have to drag and drop into any of your Figma project and it will automatically convert it into usable Figma file.

好了,現在您必須拖放到任何Figma項目中,它將自動將其轉換為可用的Figma文件。

Image for post
Importing .sketch file to Figma by dropping into a project
通過放入項目將.sketch文件導入到Figma

框架到底是什么? (What the heck are Frames?)

You’ll see all of your device artboards are now converted into Frames and you see a lots of new nested ones inside main frame.

您會看到所有設備畫板現在都已轉換為Frames,并且在主框架中看到了許多新的嵌套圖板。

This is why Figma is best when you’re designing for scalable products.

這就是為什么當您為可伸縮產品設計時,Figma最佳。

Subscribe to appy013.design
訂閱appy013.design

I’ve explained Frames vs Artboards in one my video of Figmatch series on my YouTube channel — appy013.design

我已經在我的YouTube頻道上的Figmatch系列視頻中之一解釋了Frames vs Artboardsappy013.design

多用戶協作 (Multiuser collaboration)

You read it correct! Multiuser 🤩

您沒看錯! 多用戶🤩

It gives you a feel, like you’re playing a multiplayer game with your ninjas.

它給您一種感覺,就像您與忍者一起玩多人游戲一樣。

Image for post
FigmaFigma上的多用戶協作

You can invite multiple designers, developers and reviewers to work simultaneously on a single file in real-time.

您可以邀請多個設計人員,開發人員和審閱者實時同時處理單個文件。

It’s easy to get feedback on your designs with Comments on Figma

借助對Figma的評論,很容易就您的設計獲得反饋

Image for post

As Figma runs technically on any device so, it’s easy to ask for feedback from your team who are even on an iPad or Mobile devices.

由于Figma從技術上講可以在任何設備上運行,因此很容易從甚至在iPad或移動設備上的團隊那里獲取反饋。

還有什么? (What else?🤔)

I’ll be continuing this article in next part/s for further explanation of

我將在下一部分繼續本文,以進一步解釋

  • Masking in Figma

    Figma中的遮罩
  • Auto Layout

    自動版面
  • Prototyping and Handoff in Figma or

    Figma中的原型和移交或

anything you want to learn

任何你想學的

If you liked my article, connect with me over LinkedIn and say “Hi 👋”.

如果您喜歡我的文章,請通過LinkedIn與我聯系,然后說“嗨👋”。

Buy me a Ko-Fi ? to keep me motivated.

給我買一個 Ko- Fi?,以保持動力。

You can write to me directly via WhatsApp or find me on Instagram or Dribbble as @appy013

您可以直接通過WhatsApp給我寫信,也可以在Instagram或Dribbble上以@ appy013的身份找到我

翻譯自: https://uxdesign.cc/an-ultimate-guide-to-port-from-sketch-to-figma-in-2020-d3da79b40008

sketch怎么傳到ps

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/274890.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/274890.shtml
英文地址,請注明出處:http://en.pswp.cn/news/274890.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

還沒搭建過Vue3.x項目?幾行代碼搞定~

大家好,我是若川。持續組織了6個月源碼共讀活動,感興趣的可以點此加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列相信現…

mysql 常用命令 匯總

參考閱讀 摘要 權限 允許公網訪問列操作 修改列名mysql 修改列屬性其他 登錄設置自動補全與utf-8編碼其他一次添加多條記錄修改表名字允許公網訪問 1,修改表,登錄mysql數據庫,切換到mysql數據庫,使用sql語句查看"select host,user from user ;" mysql -u root -pvmwa…

一步步創建 邊欄 Gadget(二)

相信使用上篇中創建的邊欄Gadget之后,大家會很郁悶。難道視頻窗口就那么小嗎?看起來真費勁。我能通過該Gadget看著一部電視劇。而不能夠定制自己需要的或者想要看的電視劇。 在上一篇一步步創建 邊欄 Gadget(一)中,我們…

tableau 自定義圖表_一種新的十六進制美國地圖布局的案例-Tableau中的自定義圖表

tableau 自定義圖表For whatever reason, 無論出于什么原因 maps are cool. Even though the earth has mostly been the same since those 地圖很酷 。 即使自Pangaea days, we humans make and remake maps constantly. It might be that old maps remind us of how things …

2022,前端工具鏈十年盤點

大家好,我是若川。持續組織了6個月源碼共讀活動,感興趣的可以點此加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列2021 …

var result = ![] == []; console.log(result); // 結果是?為什么?

相等操作符會對操作值進行隱式轉換后進行比較,如果一個操作值為布爾值,則在比較之前先將其轉換為數值,這里 ![] 一定是布爾值了。 http://www.csser.com/board/4f3f516e38a5ebc9780004d3轉載于:https://www.cnblogs.com/anjey/archive/2012/0…

講講volatile的作用

講講volatile的作用 講講volatile的作用254推薦一個定義為volatile的變量是說這變量可能會被意想不到地改變,這樣,編譯器就不會去假設這個變量的值了。精確地說就是,優化器在用到這個變量時必須每次都小心地重新讀取這個變量的值,…

書籍排版學習心得_為什么排版是您可以學習的最佳技能

書籍排版學習心得重點 (Top highlight)I was introduced to design in a serpentine fashion. I don’t have any formal training. Instead, I’ve learned everything through the Web, books, and by interacting with designers daily.我被介紹為蛇形設計。 我沒有任何正規…

javascript專題:如何構建自己的js庫

首先看看這個: (function(){ //運行的代碼 })(); 紅色括號里面是一個匿名函數,紅色括號是分割,表示里面的函數是一個部分,綠色的括號表示一個運算符,表示紅色括號里面的函數要運行。 相當于定義完一個匿名函數后讓它直…

若川的 2021 年度總結,彈指之間

1前言從2014年開始,每一年都會寫年度總結,已經堅持了7個年頭。7年的光陰就是彈指之間,轉瞬即逝。正如孔子所說:逝者如斯夫,不舍晝夜。回顧2014,約定2015(QQ空間日志)2015年總結&…

線框圖用什么軟件_為什么要在線框中著色?

線框圖用什么軟件I was recently involved in a debate around why some wireframes (which were definitely not UI screens) were not 100% greyscale. This got me thinking — when is it ok to use colour in wireframes, and when is it going to cause you problems fur…

Linux 內核

Linux 內核是一個龐大而復雜的操作系統的核心,不過盡管龐大,但是卻采用子系統和分層的概念很好地進行了組織。通過本專題,我們可以學習 Linux 的分層架構、內核配置和編譯、內核性能調試和 Linux 2.6 中的許多提升功能。Linux 內核組成 Linux…

給asterisk寫app供CLI調用

環境:CentOS6.2 Asterisk 1.8.7.1 一、添加源文件 復制app_verbose.c為app_testApp.c 復制app_verbose.exports為app_testApp.exports 主要是修改一些標識,編譯不會出錯就行,這里列出我進行的主要修改。 1、添加頭文件 #include "aster…

前端,校招,面淘寶,指南

大家好,我是若川。持續組織了6個月源碼共讀活動,感興趣的可以點此加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列雖然是…

qq空間網頁設計_網頁設計中負空間的有效利用

qq空間網頁設計Written by Alan Smith由艾倫史密斯 ( Alan Smith)撰寫 Negative space is a key design element that you may come across in the fields of art, architecture, interior design, landscaping and web design. Rather than serving as awkward, empty areas …

自定義異常拋法

public List<LogRec> readLogs() throws ReadDataException { try { return returnLogRec(logFileName); } catch(Exception e) { throw new ReadDataException(e); } } 轉載于:https://www.cnblogs.com/zengmiaogen/archive/2012/04/15/2450438.html

SQL SERVER服務停止和啟動命令行

停止服務: net stop mssqlserver 啟動服務: net start mssqlserver 轉載于:https://www.cnblogs.com/davidgu/archive/2010/01/06/1640466.html

Git 和 GitHub 教程——版本控制入門

大家好&#xff0c;我是若川。持續組織了6個月源碼共讀活動&#xff0c;感興趣的可以點此加我微信 ruochuan12 參與&#xff0c;每周大家一起學習200行左右的源碼&#xff0c;共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列Learn…

matlab中的:的優先級_內容早期設計:內容優先

matlab中的:的優先級By Simone Ehrlich, Content Strategy Manager由 西蒙埃利希 &#xff0c;內容策略經理 Words are cheap. Cheaper than wires; cheaper than mocks. That doesn’t mean words aren’t important, just less expensive to produce as a design asset. So …

Nunit2.5.10快速上手

1、下載Nunit&#xff1a;http://www.nunit.org/index.php?pdownload&#xff0c;下載MSI格式的安裝包&#xff1b; 2、安裝Nunit&#xff0c;根據提示安裝即可&#xff0c;沒有什么需要配置的&#xff0c;直接下一步就可以了。 3、新建類庫項目NUnitQuickStart&#xff0c;在…