就是它以黑馬之姿擄獲了全球設計師的心!超人氣 UI 設計工具 Figma 快速上手!

Поділитися
Вставка
  • Опубліковано 27 лис 2024

КОМЕНТАРІ • 482

  • @fattyshau
    @fattyshau 3 роки тому +1688

    幹 麻煩教育部把PAPAYA的影片列為基本課綱

  • @peter-you
    @peter-you 3 роки тому +193

    每個教學影片都沒有冗言贅字,精煉到感覺光是教學的文案都精心撰寫,太令人讚嘆了!

    • @papayaclass
      @papayaclass  3 роки тому +13

      謝謝您的支持與鼓勵 😊

  • @gjlmotea
    @gjlmotea 9 місяців тому +27

    6:34
    隱藏Grid的快捷鍵改成 `Ctrl + Shift + 4` 了
    9:35 這裡的fix現在 在右上角Prototype裡面的 Scroll behavior
    然後小技巧是
    選取多個元素之後按下 `Shift + A` 可以自動排版
    快捷鍵:F 畫布、R 長方形、P 鋼筆、T 文字

    • @miya2421
      @miya2421 3 місяці тому

      謝謝你!還想說是不是收費項目,然後找了好久都找不到🥹🙏

  • @highker
    @highker 3 роки тому +120

    老師默默的也快變成百萬UA-camr了!

  • @林明賢-w3x
    @林明賢-w3x 3 роки тому +17

    學習figma多年,看了無數國內外,教學影片.這是大師級教學,雖然沒對CSS樣式原碼說明,但不影嚮UI設計...感謝您無私教學....平安喜樂永相隨.

  • @little-SUNlight
    @little-SUNlight 3 роки тому +103

    這個太猛了!!!有立馬想去設計一個自己的頁面的衝動!!

  • @CHL-i6p
    @CHL-i6p 3 роки тому +301

    來說一下Figma的缺點好了,就是需要網路,斷了網就比較麻煩 (無論是網頁版或是windows app都一樣)
    另一套也是免費的UI軟體 Lunacy 也推,跟Figma差不多用法,也支援很多素材庫或插件
    不過 Figma 還有共同協作功能,這點倒是他的優勢

    • @sny.2947
      @sny.2947 3 роки тому +46

      有看過多文章 也提到FIGMA的缺點是網路
      但是感覺網路這點比較像偽缺點
      因為現在不太可能在沒網路的情況下使用裝置
      而且設計的時候 時不時就會上網reference
      所以以現代使用和設計習慣 網路應該不能叫缺點

    • @CHL-i6p
      @CHL-i6p 3 роки тому +18

      ​@@sny.2947 你說的也沒錯,但萬一中的萬一他們的伺服器出問題,就會造成很嚴重的影響
      當然現在線上服務真的很流行,但網路就是雙面刃,所以可以說是偽缺點,但跟其他軟體比較的話確實是需要注意的一個點

    • @kn2484
      @kn2484 3 роки тому +1

      之前疫情太多人用有爆過的樣子
      現在軟體快速開發,趨勢是協作,網路平台避不了

    • @TheWhitePigment
      @TheWhitePigment 3 роки тому +9

      其實這是一種資源選擇問題,當提案的總容量太大使用Figma的連網模式可以大幅減少使用者的下載時間及硬碟佔用空間,但當一個企劃小的時候,Lunacy的斷網優勢才會完全顯現出來
      這只是考驗設計者有沒有把使用習慣及情境全面考量進去

    • @pianovv510
      @pianovv510 3 роки тому +2

      這台灣這年代還會有網路問題?現在深山裡都有網路,沒WIFI,也有4G

  • @sninn5337
    @sninn5337 3 роки тому +195

    每次看PA大的教學影片,一整個很療癒,
    都是實例+實力,門外漢也看的津津有味!
    UI/UX的設計離我太遠,我還是先用初階的Canva,
    希望有朝一日能步入Figma。
    16:02 這是彩蛋嗎?哈哈哈~

  • @山海奇谈
    @山海奇谈 3 роки тому +7

    这才是老师教客的正确姿势,全程一句废话都没有,满满的干货!传统教育真的是误人子弟,线上这种免费的分享,还分享的这么专业才能称得上正真的老师!老师辛苦了,你讲的很棒!

    • @papayaclass
      @papayaclass  3 роки тому +2

      謝謝你的支持與肯定 😊

  • @qoiiwwe
    @qoiiwwe 3 роки тому +159

    老師這些教學在外面上都要上萬元了,感恩老師讚嘆老師!

  • @yilingkuo4226
    @yilingkuo4226 3 роки тому +12

    最近在學UI 用了很多次Figma沒想到老師還能翻出更多的tips 覺得自己之前好笨很浪費時間 希望老師可以再出進階的 覺得超級受益良多 短短影片帶入了超多重點

  • @metoo1142002
    @metoo1142002 3 роки тому +25

    很少看到亞洲人介紹這套,很驚艷,我們公司是總部在英國 在中國跟台灣都有工作室 已經從sketch轉成figma兩年,早期有些缺陷(例如沒有安卓程式碼,現在有了),因為是全線上的系統,更新解決問題的速度很快,現在簡直好用到爆,收費也便宜,可以邀人共同編輯,外掛數量現在也不輸sketch,重點是非常容易使用,之後uiux應該都是figma 的天下吧。

    • @IloveMaiK
      @IloveMaiK 2 роки тому +3

      已經被Adobe收購了 一堆人哀嚎

    • @jerryhuang3565
      @jerryhuang3565 Рік тому

      台灣人很喜歡打字

  • @az12345620012
    @az12345620012 3 роки тому +21

    好厲害 而且成品非常符合現在使用手機的習慣 用疊加圖層就不用一直關分頁了 學到了學到了

  • @rubyt0312
    @rubyt0312 3 роки тому +106

    神桌上開始供奉木瓜了...

  • @Wong5668
    @Wong5668 3 роки тому +55

    最近剛知道老師的頻道才想說怎麼沒有figma,沒想到竟然就來了,figma真的是神器!

  • @shaleneee
    @shaleneee 3 роки тому +29

    太好了~~~~~這兩天才在猶豫要不要花錢學figma課程 papaya來的真是時候 太感謝了~~~~💛💛

    • @0730pleomax
      @0730pleomax 3 роки тому

      有推薦什麼付費課程嗎?

    • @shaleneee
      @shaleneee 3 роки тому

      @@0730pleomax 好學校有figma教學課程 可以參考

    • @funhavefun5851
      @funhavefun5851 3 роки тому +1

      @@0730pleomax 產品設計實戰:用Figma打造絕佳UI/UX

  • @我不知-c7u
    @我不知-c7u 3 роки тому +23

    學校老師花2小時講解figma都沒有p大講的清晰好懂,我真的是只能跪了吧; )

  • @ervicawong
    @ervicawong 3 роки тому +5

    老師好神,到底每天用多少時間學習,不断提升的教材,每个细节都很美,很用心!不但技巧超高,美術品味也很高!很享受看你的视频,有你太幸福了!很快就是top UA-camr🙏🙏🙏

  • @poha-tv
    @poha-tv 3 роки тому +27

    從20萬訂閱追到現在 每次有朋友遇到電腦技能問題我都直接推薦這裡 沒想到居然百萬了!恭喜木瓜老師 也謝謝老師願意分享這麼讚的教學!

    • @papayaclass
      @papayaclass  3 роки тому +4

      謝謝您的支持與鼓勵 😊

  • @Ziggggy
    @Ziggggy 3 роки тому +70

    越看越興奮是正常的嗎

    • @franktr5444
      @franktr5444 3 роки тому +1

      是 很想馬上上手玩玩看!

    • @aduopan
      @aduopan 3 роки тому +3

      依我們papaya大師的水準這是再很正常不過了

  • @vivi970836
    @vivi970836 3 роки тому +2

    老師教的超好!
    教學速度適中
    所有基礎都有展示
    教的方法淺顯易懂
    是我看過免費的裡面最好的

  • @rongr6959
    @rongr6959 3 роки тому +14

    感謝papaya老師無私的分享,簡單直白的描述方式直接進軟體重點,比許多昂貴線上課程實用很多,超高cp的!推推分享~
    有機會的話,希望papaya老師能分享如何快速上手軟體的學習方式!
    敲碗+1啊~👇👇

  • @chun-hohung1773
    @chun-hohung1773 3 роки тому +23

    很精鍊的解說,馬上可以跟著所述的步驟學習使用 Figma
    一個小修正:6:40 在Windows隱藏Grid是 Ctrl + Shift + 4,不是 Ctrl + Shift + G

    • @cp-u2215
      @cp-u2215 Рік тому +1

      感謝提醒 ! 卡在這個步驟

  • @QRAINNIE
    @QRAINNIE 3 роки тому +14

    感覺很實用欸,這主題希望能夠做成一個系🤩列

  • @Jner127
    @Jner127 Рік тому

    哇! 很实用的分享!浏览了下主页,发现有好多APP的使用分享,会用这么多的APP这件事本身就已经好厉害了 还能以视频清楚地讲解各种APP的用法更厉害了😊

  • @陳亭君-q8m
    @陳亭君-q8m 3 роки тому +6

    為了謝謝老師這麼多實用課程,我決定加入會員!

  • @薛斐-p1w
    @薛斐-p1w Рік тому +1

    老师,您讲的太好了,万分感谢,从一个门外汉,到能够开始制作界面,谢谢!

  • @Linlinxup6
    @Linlinxup6 3 роки тому +18

    PAPAYA要獨立製作3A遊戲大作的日子不遠了💕

  • @Irene1010friend
    @Irene1010friend 23 дні тому

    謝謝老師!!真的好受用~~一步一步完成了自己的第一個設計!

  • @章仔-m6h
    @章仔-m6h 3 роки тому +16

    老師太強了,UI設計師又沒飯吃了,要往UX邁進了.
    ...

  • @ashinny2012
    @ashinny2012 3 роки тому +5

    畢業10幾年了,以前學的還是Flash,現在流行的UI/UX是甚麼都不知道...PAPAYA教的UI是我看過最一目了然的!! 非常感謝您的分享🙏🙏🙏

  • @danyeong179
    @danyeong179 6 місяців тому

    非常好的教學內容,清晰,讓受眾聽得投入舒服,不自覺地跟隨你節奏去學習。 加油,請繼續製作多些優質教學影片來分享。謝謝你們團隊的努力

  • @leejames7729
    @leejames7729 3 роки тому +6

    後面有小彩蛋喔!
    漫威在電影的地位
    如同PAPAYA在UA-cam的位階

  • @patriciahanart8207
    @patriciahanart8207 Рік тому

    老師的教學影片真的都非常清楚、不拖泥帶水、不廢話,也不失重點! 真的很推薦! 也謝謝分享

  • @HUA_CH
    @HUA_CH 3 роки тому +129

    哪天看到PAPAYA老師手把手教你用Live2D Cubism製作屬於自己的Vtuber形象我也不會感到意外了

    • @greenjack5094
      @greenjack5094 3 роки тому +5

      其實沒有很困難。原畫好不好看比較難突破。

    • @user-houte
      @user-houte 3 роки тому

      門檻不高啦 只是需要一段時間摸索._.

    • @陳大文-k9z
      @陳大文-k9z 3 роки тому +1

      這種東西永遠都不難,難在於細節你有沒有耐心和能力去磨掉

    • @godrebe
      @godrebe 3 роки тому +10

      老師最初就是教3Ds Max的哦~ 真的是天生當老師的料😍
      不過許多同業與電腦補習班應該超恨他的🤣

  • @Style6304
    @Style6304 3 роки тому +6

    偶然看到這部影片
    口齒清晰 教學邏輯好
    我使用iOS好幾年
    對於大部分App佈局蠻有感覺的
    我驚艷的是你利用了一個專案設計帶我們了解
    讓我從無到有了解設計UI的過程
    收穫非常多,也有想自己設計的衝動!
    支持!

  • @chin.__.
    @chin.__. 3 роки тому +2

    看老師影片好幾年 真的… 都超實用清楚的…

  • @chilam6043
    @chilam6043 Рік тому +1

    太有用啦! 簡單易明, 可以多出一些跟figma 有關的影片嗎?

  • @aselin.c
    @aselin.c 4 місяці тому

    我看過這麼多Figma的教學影片, 我覺得PAPAYA教學的方式根本比一些付費的課程還來的淺顯易懂. 講解非常清楚!!

  • @ching6320
    @ching6320 3 роки тому +4

    之前聽老師excel教學也輕易了解概念,最近剛好接觸figma的工具正煩惱操作上一些問題,希望老師能多開一些這類課程~感恩老師

  • @ading818
    @ading818 3 роки тому +2

    哈哈 你拉到後面的影片素材忘了剪掉了
    影片一如往常的精彩實用!! 讚起來

  • @mnts7876
    @mnts7876 3 роки тому +2

    PAPAYA老師您是我的偶像
    常常對一個新的領域有興趣卻又不知道怎麼開始,好險有老師的教學讓我們可以沒有障礙的學習,真的好幸福👌

  • @myhttpspace
    @myhttpspace 2 роки тому +6

    沒想到被Adobe收購了
    設計師集體幫Figrma公祭中

  • @墨雨清荷
    @墨雨清荷 3 роки тому +4

    謝謝老師 有實際操作,不過所花費時間比影片時間多出很多 ,會多練習的

  • @chlin9875
    @chlin9875 2 роки тому

    太好了..用papaya的影片快速上手好幾個軟體
    我唯幾訂閱的頻道..好像是唯一開起小鈴鐺的XDD

  • @東方先生
    @東方先生 3 роки тому

    講的太棒了,整個講解流程很順暢,沒有半點疑惑,很輕鬆就入手了。

  • @chriswc3
    @chriswc3 3 роки тому +12

    PAPAYA老师,16:02 果然有彩蛋。哈!
    可以介绍Adobe XD吗?怎么看Adobe XD?

  • @CD88-i4c
    @CD88-i4c 2 роки тому +2

    不愧是百萬UA-camr, 介紹流暢又清晰, 讓人短時間就對Figma輪廓有了一個了解👍

  • @Bayashat2002
    @Bayashat2002 Рік тому +2

    windows按 Ctrl + Shift + g 的话不仅会隐藏网格, 并且还会把手机的整个frame隐藏掉
    建议只按 shift + g隐藏网格

  • @AlvinLee330
    @AlvinLee330 2 роки тому

    Great! 多謝你旳示範,讓我基本了解到Figma 的功能,期待你還有更多示範~

  • @WUTONG-
    @WUTONG- 2 роки тому

    非常好的入门教程,我UI设计零基础,学起来很流畅,谢谢老师!

  • @王筑涵
    @王筑涵 2 роки тому +4

    老師真的好神!!許願老師可以出一個webflow的教學~

  • @2sinsin
    @2sinsin 3 роки тому +3

    Windows 的隱藏 Grid Layout 是ctrl + shift +4哦
    Ctrl + shift + G是解散群組

  • @鄭舒坊
    @鄭舒坊 Рік тому

    我真的是太愛你這部影片了 人生救星!!!!!!!必須加入表示支持!!!

  • @readblue-kj7oo
    @readblue-kj7oo 3 роки тому

    看您的教學影片真的療癒,雖然我不見得會去使用 但就是有種充實的感覺。 感謝您

    • @papayaclass
      @papayaclass  3 роки тому

      謝謝您的肯定與鼓勵 😊

  • @moominuui
    @moominuui 3 роки тому

    非常清楚、實用的教學,跟著做也完成了一版!希望多出Figma教學^^

  • @arbalors
    @arbalors 3 роки тому +6

    因為好奇心點進來,然後因為美感而繼續看下去
    介面真的有夠美~

  • @LanLanshark
    @LanLanshark 11 місяців тому +2

    期待也有adobe xd的教學,感恩老師,比外面某些線上課程實用,木瓜老師句句都是重點

  • @yokoltc
    @yokoltc 2 роки тому

    太讚了 學到新知識了!!!!
    而且非常清晰、簡單易明

  • @李嘉乐-z1e
    @李嘉乐-z1e 3 роки тому

    每个影片都很实用,虽然对于我这样的小白比较难,但你的详细讲解真的很棒

  • @rainlin1233
    @rainlin1233 Рік тому +1

    到底還要跪多久~我從老師教PPT系列起,就一直沒起來過

  • @心尚爾
    @心尚爾 3 роки тому +3

    太神了...
    感謝老師用心的講解,讓人收穫滿滿
    也好奇老師大概花多久時間自學的呢?

  • @林明賢-w3x
    @林明賢-w3x 3 роки тому +4

    大師是無價之寶,教育之光.....台灣教育部應該頒獎

  • @davis028
    @davis028 3 роки тому +2

    喜歡老師分享流行中的媒體工具!
    真的大神啊🥺🥺

  • @changnyy11tw
    @changnyy11tw 3 роки тому +1

    實習第一個prototype就是摸索Figma做的,謝謝papaya有系統的教學👍👍

  • @ericlouiscancer
    @ericlouiscancer Рік тому

    很不錯的教學示範, 多多交流也PaPa

  • @watermelon2438
    @watermelon2438 3 роки тому +4

    想請問老師能不能也考慮做個怎麼將設計好的UI匯入到APP開發程式(比如Unity)的教學!! 不單單只是停在介面而是可以實際使用,因為這方面似乎也有相容性的問題,導致匯入後還要自己做許多調整

  • @yenjungchen1338
    @yenjungchen1338 3 роки тому

    超讚~讓人快速了解Figma功能!最近在自學都只能從很多零散的影片看功能 不是太攏長就是太簡略 剛好前陣子發現PAPAYA老師剛追蹤就出了這支影片 太讚了🤩🤩

  • @rockliu5857
    @rockliu5857 2 роки тому

    謝謝老師,幫助了很多設計人員,也幫助我了解 Figma 的操作~~謝謝有你~~

  • @bequietchenhung
    @bequietchenhung 3 роки тому +1

    已經讚嘆無數次但每次新片還是要再來膜拜一次
    祝福老師早日破百萬訂閱👏

  • @taroko_tw56
    @taroko_tw56 3 роки тому +4

    我以身為papaya電腦教室的會員為榮

  • @line2828
    @line2828 3 роки тому +1

    非常感激。
    還沒有實際操作過,希望可以結合試算表之類的功能,
    好建立個查詢用的手機APP。

  • @karenchiu9195
    @karenchiu9195 Рік тому +1

    知識有價~感謝老師

  • @Susan-ul4oo
    @Susan-ul4oo 3 роки тому +1

    謝謝分享!講得超清楚,設計也好美~

  • @wei_tseng_0609
    @wei_tseng_0609 2 місяці тому

    PAPAYA老師講解得好有趣!!
    讓身為電腦白痴的我都能理解了(崇拜的眼神)!

  • @吳彗語
    @吳彗語 3 роки тому

    謝謝你介紹了一個這麼好的工具!! 教學好詳細好讚

  • @11chen63
    @11chen63 3 роки тому +3

    好誇張!!! 看完立馬跟朋友分享
    謝謝老師的分享!

  • @漁兒-o6g
    @漁兒-o6g 2 роки тому

    今天第一次來,就迷上這教學和聲音了,必修的大推網站。

  • @mlchan9589
    @mlchan9589 2 роки тому

    非常感謝老師的指導!super 👍🏻👍🏻👍🏻

  • @暁燕陳
    @暁燕陳 Рік тому

    是我看到过的最好的教学视屏,感谢❤

  • @SHINRINCAKE
    @SHINRINCAKE 4 місяці тому

    教的比貴貴的線上課程好!!! 看完就搞懂了,線上課程我是聽霧颯颯~~

  • @wen_chun129
    @wen_chun129 3 роки тому

    太強了!!最近剛好對Figma有興趣,結果剛好看到大神的傑作教學!!講的很詳細,還有範例可參考。

  • @user-nu5pb4og6h
    @user-nu5pb4og6h 3 роки тому

    突然發現老師介紹edge 不是只有介紹 真的現在用的瀏覽器是edge 毫無欺騙 自己就在用 可見那個介紹體驗完全是發自肺腑

  • @汉三-j4z
    @汉三-j4z 10 місяців тому

    本人6年设计经验,擅长国内外设计风格,需要的d
    1,国内外项目都可以做
    2,可以接受泰达👃🏻结算
    3,初稿不过不收💰

  • @DaVinci-CG
    @DaVinci-CG Рік тому

    讲得太好了!!支持!简洁明了不拖沓。

  • @YuukiLin
    @YuukiLin 3 роки тому

    終於看到台灣版的介紹了...讓新人者好上手!!希望再多一點教材...謝謝~~

  • @吳米寶寶
    @吳米寶寶 Місяць тому

    謝謝你papaya 我更好跟主管交代我的初步研究figma進度了><
    我現在才懂什麼叫做永遠的老師。。。4 ni

  • @giverflash8481
    @giverflash8481 3 роки тому +3

    老师求出figma全教程 太强了!!!!!!!

  • @毅遊味盡娛樂台
    @毅遊味盡娛樂台 3 роки тому

    今天剛好看到這影片就覺得此頻道太強了,馬上訂閱 學習更多的東西

  • @yuchauyi1917
    @yuchauyi1917 2 роки тому

    好厲害
    把生難的UI設計講的淺顯易懂
    👍

  • @林明賢-w3x
    @林明賢-w3x 3 роки тому +2

    學習figma,有幾個快速方法.第一個請老師分享(組件設計)傳送門下戴檔案...第二個對CSS深入學習,反回來看figma就很明瞭原理....

  • @peterxu8875
    @peterxu8875 3 роки тому

    感谢分享,您是我最喜欢的UA-cam教学!谢谢!

  • @Fmaex
    @Fmaex Рік тому

    簡單易明 解說得很好 !!

  • @madhoundes
    @madhoundes 3 роки тому +2

    you are unbelievable you just covered Figma with the most robust features and tools in just 15mintes !

  • @lainlou2298
    @lainlou2298 3 роки тому +1

    哇 終於介紹到Figma了!

  • @wuisaac5266
    @wuisaac5266 3 роки тому

    每次看完PAPAYA的影片我膝蓋都痛好幾天

  • @seediqliu
    @seediqliu 3 роки тому

    講解的太厲害了!簡直出神入化,很難打瞌睡耶。讚!請問有沒有實體課程?

  • @alexzhang8968
    @alexzhang8968 3 роки тому +9

    下一集可以教一下如何发布网页吗老师xD

  • @luprison1883
    @luprison1883 3 роки тому

    老師謝謝你!!!詳細又清楚!前幾天還在煩惱要找時間學不知道怎麼起QQ超激感謝老師!大姆指點下去,可惜怎抹沒有可以投幣的地方哈哈XD(長期B站使用者)

  • @chenhanthe9821
    @chenhanthe9821 3 роки тому +2

    很少有这么佛心的教学了😢 ,都是前面说免费之后要付费也学不到什么的课程