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

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

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

老師默默的也快變成百萬RU-vidr了！

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

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

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

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

越看越興奮是正常的嗎

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6:40 按ctrl+shift+G 把界面隱藏以後，再按網格也不會重新顯示了，甚至整個版面都消失是爲什麽.. 還有什麽辦法讓它重新顯示嗎？謝謝..

figma還不成熟，其實這種low code是未來絕對的全世界趨勢，我待過的公司若內部做不出這種介面，整個公司就是勞工煉獄，其實有很多更成熟的已經全部一次跳出來，反正你說得出來的公司全都有做，撇開微軟半吊子的設計，google aws oracle sap全部在2021年推出非常深層次的low code開發工具，過去該做的各種敏捷開發方案其實已經多次到絕對性的瓶頸，就是程式碼這種文字本來就不是很理想的程式管理方案，當你專案很大時候，還在大量用文字就顯得愚笨，database就是一個簡單案例，你為什麼要用表格管理資料而不是用print輸出字行。 另外常常有人把low code的邏輯與devops或CD看貶，我只能說，如果你的low code認知還在非常底階的dreamwaver或者小孩子玩的blockly，那就需要多多到國外查資料與閱讀了。

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

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

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

請問有設計簡單手機小遊戲的教學嗎？我想學做一個像小朋友下樓梯的flash手機小遊戲，但是不知道有什麼軟體或工具可以自學（畫圖、做成會動的動畫等）

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

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

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

為何沒有 fix position when scrolling

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

作为一个网页开发人员，看到UI点几下就把网页搞定了，感觉有点不爽。。。我们要打好多代码啊。哈哈哈

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

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

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

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

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

想問一下為什麼有時候是找不到"Fix position when scrolling"這個功能？🙏🙏

請問大大 最後的操作動畫是怎麼匯出的? 我想將我的介面操作流程匯成檔案小的動畫，放在我的作品網站上 但好像只能匯出平面圖 你有用其他動畫軟體?還是figma本身能匯出?

如果我全部都做好了 那我該怎麼讓其他人開始使用它

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

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

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

哪个软件能把pdf档案换成比较生动的Ebooks?

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

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

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

这频道最过瘾的是，全程没有一句废话。

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

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

太強！！ 但我設計完一個app頁面後，發現一堆功能有實踐上的困難！！ 這就是設計師跟工程師容易吵架的原因嗎＠＠

現在09:55 figma裡的 fix position when scrolling功能不見 我去編輯時候 東西都不見 menu跟search圖案都不見

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

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

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

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

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

請教一下是不是因為用網頁版免費的關西～我畫面的右上角沒有出現『impect』的功能選項

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

我要怎麼把它變成我的網站然後可以分享給大家看 希望可以出一下教學

想請問Connector line是怎麼做出來的，我找了好多資料都做不出來QQ

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

一開始學UI是用Adobe XD 可惜要被淘汰 幸好界面跟基本功能差不多

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

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

想問一下，如何將Figma 用於實體電腦或手機使用？可以製作Figma後續的操作的影片嗎？ 很精彩！

請問真的要搜尋的話,應該要怎樣做, 要配合SQL或基礎編碼嗎?

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

其实我蛮好奇在这里设计好的prototype如何实际应用到application的。我专科比较注重web development，也偏后端开发。前端怎么把设计好的ui实现出来还是一个谜...

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

請問板主及各位大大這要怎麼發佈?能購物車?能加賴@加IG嗎

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

可是如何把這東西變成真正的網頁或者app?

超級大師,教育界天才....杏壇之光、春風化雨

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

還沒防疫前，大家會拜廟 防疫時期，大家拜papaya

請問PAPAYA 這套軟體跟CSS HTML JS有什麼不一樣 他們分工的分別在哪? 感覺兩邊好像有重疊的部分?

不好意思想請問一下，figma裡面的fix postion when scrolling那一欄不見了，請問是哪裡有隱藏的工具欄嗎? 另外最下面的組件元件照片在撥放時顯示不出來，也想知道原因嗚嗚!希望得到老師的回覆!!

想要詢問一下老師，Figma裡的物件固定，是否如何使得介面出現 fix position when scrolling?嘗試了很久都並未出現

之前在外面學校機構只學了ADOBE XD的用法，大概因為學校有ADOBE的sponsor吧。現在這樣看PROTOTYPE的設計還是FIGMA好用一點, PAPAYA能稍後也教ADOBE XD嗎?

請問 07:52 圖片水平捲動效果 如果還要加入四個小點，該怎麼做呢? 就是圖片下方還有跟隨著的點點(圖片在所隸屬的點點時，該點點會是深灰色，其餘是淺灰色) 謝謝

太強大了！我說的不是軟體，是木瓜老師！！

04:00 外掛(plugins)：自動填入裝飾文字=Lorem ipsum、符號Feather Icons

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

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

哦哦哦是Figma， 蠻常見到但都不知道可以用來做什麼😅

windows系統 6:37 按下Ctrl+Shift+G 並不會把網格取消欸 而是取消把背景畫布拿掉了

想問問為什麼我沒有鎖定搜尋列的功能😭🙏

播放的時候會自動有手機的外框嗎？謝謝🙏

這個有支援RWD範圍至網頁版嗎? 例如網格能因為螢幕寬度改變排版, 而不是單純等比例縮放

老師～您好想詢問一下 因為有些客戶還是不太懂figma操作，如果在figma做完畫面可以有轉出jpg圖檔的功能嗎～謝謝！

老師！您教得很好！請問之後還會出相關的嗎？ 想知道知道手機尺寸如何改成網頁尺寸...以及有無辦法之前上傳給網站使用..等等的教學！謝謝