Figma和Sketch 哪個更適合UI設計師使用?

2020-12-25 一zhi設計周

Figma和Sketch 哪個更適合UI設計師使用?長期以來,Sketch一直是設計師的首選工具。Figma是第一個迎合市場的基於瀏覽器的界面設計工具,在我們業內也越來越夥伴。那麼Figma是怎麼問世和發展的呢?今天胡老師給大家分析一下Figma和Sketch 哪個更適合UI設計師使用。

Figma由Dylan Field於2013年共同創立,它可以像Google Docs進行文本編輯一樣進行界面設計。

在2015年對Techcrunch講話時,Field解釋說:「設計正經歷著巨大的轉變-從設計在產品周期的最後階段開始,即人們將產品變得更漂亮,到現在貫穿整個過程。」

他開始著手改變設計團隊合作的方式。但是,這個新來者對長期喜歡的Sketch會有競爭嗎?

Figma vs.Sketch:平臺和性能

兩種工具之間的最大區別之一是Figma在瀏覽器中工作,而Sketch是僅適用於Apple計算機的桌面應用程式。在協作方面,這為Figma提供了一個主要優勢:與Sketch不同,它可以普遍訪問再進行介紹。

Figma也可作為Mac和Windows的桌面應用程式使用-但是,必須注意,如果您未連接到Internet,則將無法在桌面客戶端中打開新文件。對於需要脫機工作的設計師,這可能會帶來麻煩。

在比較Figma和Sketch時,不禁會懷疑基於Web的工具是否真的可以在功能和性能方面進行衡量,但是根據我們到目前為止的經驗,這似乎不是問題。

Figma vs.Sketch:入門

首次使用Figma時,您要從Sketch切換到Figma,從兩個界面的相似程度和可用性的角度來看,過渡應該不會太困難。

當您打開Figma應用程式時,直接進入文件瀏覽器的「最近」部分。在這裡,您會找到一些預加載的,可完全編輯的文件-您可以將這些文件中的元素複製到您創建的任何地方 。

一個區別是所使用的術語。在Sketch中,您使用畫板,而在Figma中,您使用框架。草圖中的符號在Figma中稱為零部件。但是,這實際上只是措辭的問題,如果您熟悉Sketch,很快就會找到解決Figma的方法。

Figma vs.Sketch:特徵與功能

現在,讓我們深入研究一些特定的功能和特性。

團隊合作是Figma真正令人矚目的領域。它最值得注意的功能是實時協作,顧名思義,多個團隊成員可以同時從事同一個設計項目。無需來回傳達編輯內容;每個參與者可以隨時隨地在工具中直接查看它們。這不僅是遠程團隊的遊戲規則改變者;它還大大簡化了內部流程。這裡的另一個優勢是Figma是基於瀏覽器的,因此,例如,想要查看某個項目的開發人員不需要安裝他們不會使用的設計工具。每個項目都有其自己的URL,因此文件共享沒有麻煩。

在設計工具方面,Figma還提供了一些功能,可以認為它們優於Sketch的其他功能。在創建可調整大小的響應式布局時,網格和約束提供了總體靈活性。使用組大小調整功能在Sketch中也可以這樣做,但僅限於四個選項。

Figma還採用了傳統的繪圖工具,並通過使用矢量網絡而不是路徑對其進行了改進。正如Figma聯合創始人Evan Wallace解釋的那樣:「矢量網絡通過允許任意兩個點之間的直線和曲線而不是要求它們全部連接成一條鏈而改進了路徑模型。」 實際上,這實際上意味著繪圖時具有更大的靈活性。

但是,當您考慮範圍廣泛的第三方插件時,Sketch可能丟失給Figma的任何點都會很快恢復。實際上,如果您擁有正確的插件,則在Sketch中幾乎沒有什麼可以做的。雖然Figma確實具有本機原型設計和開發人員移交功能,Figma和Sketch 哪個更適合UI設計師使用https://www.aaa-cg.com.cn/ui/2874.html?seo1但是有許多插件可以將Sketch與業界最流行的工具集成在一起,例如Zeplin用於開發人員移交。對於許多設計師而言,僅需安裝插件不足以使他們從Sketch轉移到鮮為人知的新工具。

Figma vs.Sketch:總結

那麼,Sketch是否以Figma的形式滿足了它的要求?

在合作方面,Figma無疑是有成就的。它在瀏覽器中運行的事實對於不擁有Mac或需要訪問某些文件但又不想下載和安裝設計工具(即開發人員)的任何人來說,具有直接優勢。Figma的構建考慮了團隊合作,實時協作和詳細的版本控制功能無疑是其優勢所在。

但是,與Sketch每年幾百人民幣的費用相比,Figma可能是一個昂貴的選擇-特別是對於大型團隊。就本機設計功能而言,這兩個工具幾乎在同一頁面上,但是Sketch憑藉其豐富的可用插件勝過Figma。

目前,Sketch具有歷史。至少在可預見的將來,我們認為Sketch將繼續保持其行業最受歡迎的地位-但是誰知道Figma接下來會提出什麼?潛力肯定存在,我們拭目以待!

相關焦點

  • 因遠程協作大火的Figma,會取代Sketch的地位嗎?
    文章從8個方面對sketch和figma兩款軟體進行了比較分析,帶大家一起探究了解到底哪個才是更好用軟體,一起來看看~兩款非常好用的UI設計工具,sketch和figma之間的競爭還在持續,設計師最經常問到的是:哪一個軟體更好用?我應該從sketch遷移到Figma嗎?或者反過來。
  • UI設計師必備的6個配色網站
    對於程式設計師來說,UI設計我們有必要懂嗎,答案是肯定的,不管你是後端開發也好,前端那就更不用說,一定要學會有審美的細胞,雖然UI不是我們後端的必須懂的,但我還是建議你知道它的一些常用的配色網站,有時候我們也得自己修改前端代碼,也需要知道顏色的值,今天我給大家分享6個常用的配色網站,對於想從事
  • 更新2.0版後,這款軟體讓UI設計師更燃~
    而使用BehaviorDesigner後,可以使一個界面中承載更多獨立的交互效果,讓界面更豐富,並且不用來來回回的跳轉畫板,炒雞方便。 可能有的同學會問了,「那Flinto到底是什麼?」服務過寶馬、聯想、三菱、vivo和山東省商會等知名品牌。曾任職金融之家視覺設計主管,負責金融之家移動端APP與web端在線商城等產品設計 像素範兒:一群喜歡設計、懂設計的設計師組成的最有活力UI設計培訓團隊。他們堅持以軟體為基礎,以技法為提升,以設計思想為教學目標。
  • 《慄子UI-從零開始學Sketch3》第二彈「進擊の慄子」
    【優閣視覺】微信公眾號:ug-vision我們是為設計而執著的青年,卻有著並不普通的設計師夢想
  • ui設計師工資一般多少 薪酬水平如何
    設計師工資一般多少?不清楚ui設計師工資有多少的小夥伴可以和石家莊ui培訓的小編一起來看看。  如今,國內的UI設計日益發展,有了專門的職業分工也開始出現一些較高水準的一線設計師與UI設計交流組織。但總的來說,在這一領域,我們與西方發達國家間的差距仍是顯而易見的。
  • Sketchfab—設計師福音,一個帥酷的3D作品展示平臺
    湧現了很多優秀的 3D 模型設計師。在以往 3D 模型設計師要展示自己的 3D 作品,都需要在本地建模、渲染,製作成視頻/ GIF 才能分享到社交平臺。這大大降低了 3D 設計師分享作品的欲望。Sketchfab 平臺的誕生,就解決了這個痛點,Sketchfab 被媒體稱為 3D 界的 youtube 。在 sketchfab 平臺上,任何人都可以輕鬆地分享自己的 3D 設計作品。
  • UI設計中色彩搭配使用技巧
    成熟的UI設計師在色彩搭配上可以激發情緒反應,吸引用戶關注。那麼要想成為一名出色的UI設計師在顏色搭配以及對色彩時刻的保持高度敏感。下面胡老師就跟大家聊聊顏色特徵以UI設計中色彩的使用技巧。
  • 學UI設計需要會手繪嗎
    UI究竟需要哪些手繪基礎知識大多數的UI設計師是在做了UI之後開始學習手繪,因為從業2—3年之後,大都會遇到瓶頸期,而對於設計師來說,手繪能力的提升有助於設計師的整體能力突破和提升,手繪基礎越深厚,設計思路和表現手法也會越開闊,作品的質量也會更加提升。
  • 初學者必備,UI設計中字體的相關屬性!
    對於一名UI設計師來說,字體是一門基本語言,更是設計師需要掌握的基本技能之一。目前常用的字體有很多種,比如黑體、宋體、楷體等。在平時的項目設計中,為了讓頁面中的字體更加貼合業務場景,設計師需要對字體的字距字高進行調整。接下來千鋒就給大家講解一下字體的相關屬性。
  • UI設計師一般的工作流程是什麼
    UI設計師一般的工作流程是什麼?對於想要成為UI設計師的小夥伴而言,僅有一些對於設計行業的熱情很顯然是不夠的,你還需要清楚並樂於接受相關的設計工作內容,並且對於設計工作的流程比較了解。然而很多零基礎學ui設計的小夥伴並不知道UI設計師的日常工作內容有哪些?
  • 久等了,這就是你要的Sketch3.3.3中文版!
    漢化是個艱難的過程,在此之前靜電在網上尋找了很多資料,無奈mac下漢化的資料非常少,不過還是找到了些許痕跡。本次漢化說實話不算完美,但基本算是可用,98%以上的內容做了漢化,但是比較遺憾的是,工具欄圖標由於sketch軟體的特殊機制無法進行漢化,靜電水平有限,加之反編譯等等的難度,隱藏只能說抱歉,但對於這些圖標,靜電權衡之後做了討巧的方法,大家下載使用後就可以看出端倪。
  • 段先洲|UI&UX 設計師、攝影愛好者
    因此 MOZIK 應運而生,這個 app 是我多年音樂設計項目經歷中最滿意的一個了。2015 年底加入號碼生活,一家做硬體的公司做設計總監,主導公司整體產品的設計。你是如何學習設計的?能否和大家介紹一下你的入門、學習方法?
  • 設計師職業發展「潛規則」——UI中國創始人董景博分享 ▏UI中國·UTalk第九期
    什麼叫主動學習和被動學習?比如你去網上找材料或者視頻,或教程一類,你是不是看著看著就沒興趣?網上有很多教程,但並不系統化,如果你看了很多乾貨,但依然沒有什麼提升的話,那你就是一個適合被動式教育的人,需要去個培訓班來督促你學習。
  • 【教程】Sketch製作GIF動畫--基礎篇
    這邊文章講述了AnimateMate插件的安裝和使用,並結合實踐講述了常用動畫的基本使用,目的就是為了能讓大家快速上手。下一遍文章將會講述更高級的動畫實現。AnimateMate插件的安裝sketch有兩種安裝插件的方法,一種是傳統的安裝方式,即將插件解壓後放到Plugins文件目錄下,重啟sketch即可。但是這種安裝方法需要一個個的去找插件,非常麻煩。
  • 使用 Vue.js 和 Semantic-UI 做一個簡單的願望清單
    重構此項目可以學到以下知識點:額外還能學習到 LocalStorage 的簡單用法,可以說通過詳細學習此例子可以完成 Vue.js 最基本的入門操作, 完全熟悉不太容易, 主要是感受下 Vue.js 的強大和基本的使用
  • 【手辦】 粉紅的惡魔登場《刀劍神域外傳》蓮 figma 可動手辦開定
    出自TV動畫《刀劍神域外傳Gun Gale Online》,「粉紅惡魔」「蓮」化身為figma可動模型!使用容易擺出姿勢且不易滑動的figma獨創關節零件,再現劇中場景。重點部分使用軟材質,確保平衡與可動性。
  • 初音未來 Snow Parade Miku 雪初音 雪未來 2020 figma 可動手辦
    聲援冬季北海道的儀樂隊造型雪未來化身為「figma」登場。於2020年迎接第11年的雪未來,服裝造型於投稿網站「piapro」上募集,並由niconico直播的觀眾與網絡票選決定!本次以「北海道的雪形象『樂器』」為主題,將メープル所繪製的儀樂隊造型雪未來製成figma可動模型。「Rabbit Yukine」也拿著可愛的小號登場。使用容易擺出姿勢且不易滑動的figma獨創關節零件,再現作品中的各種場景。重點部分使用軟材質,確保平衡與可動性。
  • 梅林Figma!
    1、figma《Fate/Grand Order -絕對魔獸戰線巴比倫尼亞-》 梅林figma《FGO》系列總算是出到了萬眾期待的梅林老賊了。「figma梅林」運用figma特色的關節零件設計出兼具可動又能確保完整性的多處可動部位,精緻造形再現色彩華麗的長袍、躍動的巨大長發與結合金屬、木材、布料等多種材質的法杖,並施以亮金色與多種淡雅色彩塗裝。配件中包含「微笑臉」、適合戰鬥場景的「喊叫臉」、仿佛思考如何惡作劇的「策劃臉」等表情零件。杖內還能拔出暗藏的劍,展現比起施法、覺得拿劍直接砍更方便的「不列顛劍聖」姿態。
  • figma《女神異聞錄5 the Animation》Navi 佐倉雙葉 怪盜造型
    知名日廠 Max Factory 玩具公司暢銷熱賣的「figma」可動系列發表了以動畫《女神異聞錄5 the Animation》
  • Max Factory 雪初音2021 figma可動手辦
    點亮你的心,聖歌隊造型的雪未來化身為「figma」模型登場!