world's shortest Figma course

235,853
0
Published 2023-12-04
Hey guys! Hope you enjoy this ultra quick intro to Figma, a free collaborative design and prototyping tool.

// ✨ Become a supporter:
ko-fi.com/juxtopposedme

// Thumbnail design's code implementation:
codepen.io/Juxtopposed/pen/mdvaezM

// Some cool free Figma Plugins:
Realtime Colors www.figma.com/community/plugin/1234060894101724457
Noise & Texture www.figma.com/community/plugin/1138854718618193875
Material Design Icons www.figma.com/community/plugin/740272380439725040
Fig3D www.figma.com/community/plugin/946020080871644950
3D Icons www.figma.com/community/plugin/1107546399747513238
Shaper www.figma.com/community/plugin/907656685995069176

// ✨ Let's connect:
Twitter: twitter.com/juxtopposed
CodePen: codepen.io/Juxtopposed
Dribbble: dribbble.com/juxtopposed
Github: github.com/juxtopposed

// ✨ Cat credits:
www.instagram.com/thepixelcatt/
www.instagram.com/monkeycatluna


———

// Timestamps
00:00 Intro
00:18 Environment
00:43 Basic Tools
02:04 Layout
03:39 Properties & Effects
05:29 Components & Styles
05:54 Prototypes


———

// Music (Support the artists):
pixabay.com/music/fantasy-dreamy-childrens-best-ad…
pixabay.com/music/beats-laid-back-grooves-149989/

———

#figma #figmatutorial #uiuxdesign #webdesign

All Comments (21)
  • @Aratolotl
    This is the best figma course ever. Concise and straightforward, no long drawn out intros explaining who and when funded figma, how is UI like baking pastries, or 20 mins listening to the instructor tell us about his career path and that one time he thought he met Slash in Venice Beach. [Insert cat giving two thumbs up sticker here]
  • @ekaj.9701
    My knowledge retention increases by 1000% when pictures of cats are mixed throughout. Been loving the videos and realtimecolors too, thanks Juxtopposed!
  • @Redyf
    This is by far the best figma video I've ever watched, I'm a programmer who doesn't really like design. I mostly do system related stuff and also backend, but you managed to convince me into using it and also giving design a try. Prototyping is really important for Front end so I really appreciate your video. Thank you so much! Much love from Brazil
  • @ceceking100
    I love that you dont use filler content, it means i can watch this 5x without getting bored ♥
  • @jonstarritt848
    This masterclass is worth 1000 times more than I paid! Great instruction, clear and to the point with no bloviating to pad time like 99% of youtube videos. I didn't need to watch it at 1.5 speed like every other video to negate the pauses and slow talking. 10/10, Would purchase again!
  • @LeBeaBae
    I love these tutorials. Simple but so instructive.
  • @Oneiroi0
    My next semester gonna be all about designing and according to my seniors, we would mainly be using Figma. I know a little bit of Figma, but this video give me more info than what I self-learn. Thank you very much as usual Juxtopposed.
  • @AhmadAwais
    I have learned more about Figma here vs the last ten years of buying giant courses and never finishing them.
  • @GottZ
    that feel when knowing all the css grid, box-shadow, border-radius, backdrop-filter, filter, transition and so forth properties while watching this neat little figma demo.. figma is literally just a proper css wysiwyg editor saving a ton of time down the road.
  • @brandonctlee
    This is the best overview & introduction of Figma I've seen yet (and I've watched this at least 8 times). Whilst I have 10, 20 and 70 minute tutorials to watch next, covering other aspects and everything in depth, this certainly filled me with the confidence to jump in! Great style and execution of the content as well👏
  • @ramizr
    "do your magic down there" I HATE MY MIND 😭😭😭
  • @m.harisimran8212
    Thats a proper tutorial. No unnecessary info just straight to the point things. Thanks
  • @Tharushi_SM
    Thank you so much, this was super helpful. I thought it was from Figma, till I saw the channel name. Please keep all your future tutorials this concise and collected as well.
  • I'am a web developer but I act as a web designer also, and I love your videos, I have watched a lot of videos on the youtube that promisses to teach beginners on how to make good designs, but all they do is drop some pre made designs and say "just copy it". That is the reason that we have a lot of bad websites everywhere, and your content is really good, you are really teaching something instead of just droping designs and telling people to copy it, keep the good work!
  • @aaadi1890
    I was just learning figma, and suddenly this video notification came out
  • @heyjeanwtf
    I love this channel so much 😭😭❤️
  • If there is one thing people must learn from this video, then it is - Best way to master ui design is to practice recreating
  • @user-dw5qw3hy1o
    This is low-key the best Figma course/tutorial I’ve watched
  • @charlesm.2604
    This channel is the best at introducing difficult topics in an easily digestible format. Thank you.