world's shortest Figma course

Рет қаралды 216,345

Күн бұрын

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/md...
// Some cool free Figma Plugins:
Realtime Colors www.figma.com/community/plugi...
Noise & Texture www.figma.com/community/plugi...
Material Design Icons www.figma.com/community/plugi...
Fig3D www.figma.com/community/plugi...
3D Icons www.figma.com/community/plugi...
Shaper www.figma.com/community/plugi...
// ✨ Let's connect:
Twitter: / juxtopposed
CodePen: codepen.io/Juxtopposed
Dribbble: dribbble.com/juxtopposed
Github: github.com/juxtopposed
// ✨ Cat credits:
/ thepixelcatt
/ 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-dre...
pixabay.com/music/beats-laid-...
---
#figma #figmatutorial #uiuxdesign #webdesign

Пікірлер: 362

@juxtopposed 6 ай бұрын

Part 2 - world's shortest UI/UX design course: kzfaq.info/get/bejne/ra-lidl02s-umIk.html Now that you know Figma, what will you be using it for? Will you be joining the challenge? Is there anything else you'd like me to cover next?

@Nep1210 6 ай бұрын

Probably mess around with spline. I would also like for you to that.

@Vizzile 6 ай бұрын

messing around

@Absquatulationist 6 ай бұрын

I know this is probably a stupid question, but could I use this to make a UI for a browser-based game?

@Yoshidzo 6 ай бұрын

@@Absquatulationistwhy not?

@abdoufma 6 ай бұрын

Great video! You just gained a subscriber!

@Aratolotl 6 ай бұрын

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]

@juxtopposed 6 ай бұрын

hahaha glad you liked it!

@BryceDriesenga 6 ай бұрын

Ok, but now I had to know how UI was like baking pastries. Courtesy of Bard: Both UI and baking pastries involve a creative process that results in a visually appealing and engaging product. In UI, the goal is to create a user interface that is both aesthetically pleasing and easy to use, while in baking, the goal is to create a pastry that is both delicious and visually appealing. Despite their differences, UI and baking pastries share some important similarities. Both involve careful planning and execution, and both require a keen eye for detail. Additionally, both UI and baking pastries can be highly rewarding, as they allow you to create something that is both beautiful and functional.

@illuminum8576 2 ай бұрын

No worries, I can do that for you: Figma was initially released on the 27 September in 2016. It was developed by Dylan Field...

@ekaj.9701 6 ай бұрын

My knowledge retention increases by 1000% when pictures of cats are mixed throughout. Been loving the videos and realtimecolors too, thanks Juxtopposed!

@juxtopposed 6 ай бұрын

Glad to hear that :D

@0xdhrv 6 ай бұрын

tweeting this >.

@vlc-cosplayer Ай бұрын

Pavlov's -dog- cat lmao

@ceceking100 6 ай бұрын

I love that you dont use filler content, it means i can watch this 5x without getting bored ♥

@juxtopposed 6 ай бұрын

@jonstarritt848 6 ай бұрын

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!

@juxtopposed 6 ай бұрын

haha glad you liked it!

@Oneiroi0 6 ай бұрын

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.

@juxtopposed 6 ай бұрын

glad to hear that! happy to help

@tedxteddy 6 ай бұрын

What is your course called tho?

@qlsRaizen 6 ай бұрын

@@tedxteddyvalid question

@LeBeaBae 6 ай бұрын

I love these tutorials. Simple but so instructive.

@brandonctlee 3 ай бұрын

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👏

@GottZ 6 ай бұрын

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.

@jonathanvioleta3578 3 ай бұрын

Does all the front developer used figma now, or do they still code ?

@bonk2935 Ай бұрын

@@jonathanvioleta3578You should use Figma only for mock ups

@user-dw5qw3hy1o 6 ай бұрын

This is low-key the best Figma course/tutorial I’ve watched

@mccall7122 3 ай бұрын

My God. I learned more about Figma in this 7 min video than everything else I've watched, combined! Talk about pure content and straight to the point. If the rest of your content is like this, you have a new subscriber very soon!

@m.harisimran8212 4 ай бұрын

Thats a proper tutorial. No unnecessary info just straight to the point things. Thanks

@sagunmdr 2 ай бұрын

Clear and concise Visual animation mixed with memes are the best tutorials, and exactly why i love your whole Chanel vibe!

@spaaaaace8952 6 ай бұрын

This is the second video I watch from you and you're already one of my favourite channels. Your content is exactly what I want, even though I'm a new Front End developer. Also, more cats, please.

@charlesm.2604 6 ай бұрын

This channel is the best at introducing difficult topics in an easily digestible format. Thank you.

@johnsfavorites 5 ай бұрын

Your videos are awesome - thank you!!! Love the style and how crisp and well prepared all of your content is. Looking forward to more :)

@Uveryahi 3 ай бұрын

Absolutely love everything about the concept of the video!

@JoaoVictordaSilvaMadeira 6 ай бұрын

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!

@juxtopposed 6 ай бұрын

give a man a fish, and you feed him for a day. teach a man to fish, and you feed him for a lifetime. glad you found it helpful! :D

@JoaoVictordaSilvaMadeira 6 ай бұрын

@@juxtopposed Do you pretend to expand stack sorted to some kind of websites portfolio, something like awwwards? I see a lot of potential in it

@marinsucks 5 ай бұрын

Your whole channel is a lifesaver when it comes to introducing a webdesign topic !! Realtime colors has helped me so much to set the basis of my website, and now that I'm about to start using figma I'm sure that this video will be my bible for the first week :) thanks a lot ❤❤❤❤❤

@bernardobb8 6 ай бұрын

Thank god I found your channel right in the middle of an UI/UX semester. Just watched your Steam redesign video, fantastic work!

@heyjeanwtf 6 ай бұрын

I love this channel so much 😭😭❤️

@erezbenkimon3899 4 күн бұрын

this is an amazing channel you're funny, honest, no bullshit, modest, and very professional. I already knew all that you explained but I still enjoyed it so much.

@krovomess 2 ай бұрын

I cannot believe this is free, this is freaking 7 minutes of gold, thank you so much from all of my heart❤

@54peace 2 ай бұрын

ngl! This is the best teaching style I have seen so far!

@julianzenker824 2 ай бұрын

That was the most helpful and especially time effective video i ever watched! Thank you so much :)

@MasterYiLol 6 ай бұрын

I feel like this should be paid, never heard of such a simple and straightforward introduction to something. Incredible!

@frostebyte 6 ай бұрын

Perfect timing. I needed this like THIS week ❤❤

@dimavavilov7737 6 ай бұрын

The best tutorial ever! Thanks for 7 styles of design

@gamelabpc6591 6 ай бұрын

Straight to the point as usual...you're the best in da game ❤

@abdoufma 6 ай бұрын

I'm always intimidated by creative tasks like UI design. These videos help break things down to a level that feels attainable to a beginner. Thank you!

@garimamehra7330 29 күн бұрын

This is just amazing! Short and so detailed! Loved it! ----- "NO NONSENSE CONTENT" worth watching.

@rubelexia 6 ай бұрын

okay guys this video actually makes me think maybe i should stop designing on paint once and for all. now seriously, this video is so good i cant even put it to words. please keep going on with this.

@palgaming6848 6 ай бұрын

And just like that another bop ! Great video

@ZOTX 6 ай бұрын

LOVE YOU, it looks like a fun video not a boring tutorial video.

@phantom_martini 5 ай бұрын

What a video! Loved the topic and the editing as well!

@ObaUIUX 6 ай бұрын

Mind-blowing awesome exciting tutorial. You wouldn't believe how much I learnt.

@alankewem 6 ай бұрын

It was so cool. Thanks for sharing this content ❤

@mjeditxofficial7340 Ай бұрын

Wow! This was really Amazing, Thank you for sharing great Course ✨💖

@jd4300 6 ай бұрын

You are a very talented designer. Your channel is awesome. Keep up the good work 💪💯

@garrukapex6693 4 ай бұрын

holy shit this is one of the best tutorials i've ever seen, instant sub

@oaksoekyaw2036 5 ай бұрын

Damn! Your videos are very informative and straight to the point. I been learning abit of web/UI designs and your videos really inform me many new useful knowledge.Thank you so much for sharing your knowledge.

@milagrosanglada4125 6 ай бұрын

Love this!! Love your videos!! I need more of themmm

@mjbalcueva6485 6 ай бұрын

wow, if this was a figma course preview I would've bought the course by the 1 minute mark. keep up the good work

@ScrollsoftheNebulaicWhispers 6 ай бұрын

If there is one thing people must learn from this video, then it is - *Best way to master ui design is to practice recreating*

@nowie5166 Ай бұрын

This video is awesome, I'm learning front end web development and this is such a great video. Would recommend it to everyone learning front-end development and or UX/UI design. Thank you!

@djmak198 8 күн бұрын

Awesome video straight to the point and filled with essential info

@fahimmurshed 3 күн бұрын

What a great video! Keep up the good work!!

@UncannyPotato69 3 ай бұрын

i wasn't sure about whether i should learn figma or not. after watching your tutorial it doesn't seem that hard of a task so i decided to learn it. wish me luck! and thanks for the great and concise tutorial❤❤❤❤:D

@TheReal_N-I-F-F 6 ай бұрын

Perfect that you posted this video today, just had my first figma class and this will definitely come in handy.

@juxtopposed 6 ай бұрын

what are the odds

@rishabh4893 5 ай бұрын

amazing, consise and informative. Thank you so much for this quick figma course

@RandomWebDev 6 ай бұрын

I love this channel so much

@Kimoartcave 4 ай бұрын

Like your storytelling! Cool to watch ❤

@joelantony5938 3 ай бұрын

This is the best tutorial I've ever seen. Thank you

@polsiv 3 ай бұрын

Great video, would watch it again 100%

@madnad9634 6 ай бұрын

This is the best course!! Amazing!

@AxissXs 4 ай бұрын

damn! i am terrible with graphic design but i have to learn figma, i've been watching some short, long and crash courses with different methods of teaching and this was by far the most effective one. thank you so much! liked and subbed for more

@yusufaltundal3482 3 ай бұрын

This is a very enjoyable video. Thanks for your efforts!

@TheBeatBen 5 ай бұрын

Yoo, I'm so glad I've found you. I'm a frontend developer with an aim in animation. So I like design and also do complex stuff like creating an app in React e.g. I thought I'm cool already. But nah. There are still so much to learn. Thanks!

@FilipeFreire Ай бұрын

wow, congrats on this video, for real! 🙌🏼 Figma's distilled knowledge right here in under 7m.. Life's too short for 3h Figma courses lol Thanks for making it!

@2-minutedesign 6 ай бұрын

That was FANTASTIC!

@DiegoGarcia-pt9ly 6 ай бұрын

Thank you for such an amazing tutorial!!!

@18sohamkulkarni95 6 ай бұрын

I like your channel and the way you narrate and animate its cool

@ramizr 6 ай бұрын

"do your magic down there" I HATE MY MIND 😭😭😭

@Adhithya2003 6 ай бұрын

This is soo satisfying to watch. 🎉❤

@motion_time Ай бұрын

i love that "do your magic down there" part 😍😍😂😂

@tmquan212 6 ай бұрын

This is the only kind of short-form content I’d approve. So condensed, you teach way better than those people who share one hot key with 10-slide Instagram carrousel 🤣

@Kotoezhk 6 ай бұрын

You released this video RIGHT AFTER i ended my figma practice session Now i know a few more things and, yeah, thx :D

@juxtopposed 6 ай бұрын

glad to hear that!

@dandasaratchandrasai3320 10 күн бұрын

Concise and Perfect

@mohamednassif6372 2 ай бұрын

i love it, great job

@MrTurbo_ 6 ай бұрын

Nice, i use figma all the time as a developer because our designers use it, but never really designed anything in figma my self, so seeing this gives me some more insight in their way of working which is cool

@ivaivamilicevic Ай бұрын

This video has helped more than 10 hour tutorials I’ve watched

@creative_yudai 6 ай бұрын

That's basically it. Cool video 💚

@the__jive 6 ай бұрын

Many thanks for this tutorial! Very easy to follow, learned a lot. ❤❤❤

@juxtopposed 6 ай бұрын

THANK you!

@the__jive 6 ай бұрын

@@juxtopposed ♥️♥️♥️

@aaadi1890 6 ай бұрын

I was just learning figma, and suddenly this video notification came out

@jvliaaaaan 6 ай бұрын

We are watching you 👁👁

@asii84 3 күн бұрын

THANK YOU!!! Now I feel like I am one step away from mastering Figma, and that one step is just practicing.

@izebsam 6 ай бұрын

These videos are so good!!

@Him62384 5 ай бұрын

I can tell the person who runs this channel is a designer because they are on top of just EVERYTHING.

@affangavankar8848 6 ай бұрын

Lets gooo another Jux Video

@Bilind727 Ай бұрын

Best Figma Tutorial I ever Seen in my live

@pandaplayz1283 6 ай бұрын

Amazing. Dis rlly gives me motivation to make websites on webflow

@darengarneaudionne 4 ай бұрын

I watched this video as if I haven't been using Figma for 3 years in my web integrator program. I didn't thought about shape blur though, great video! :)

@calimaliart 5 ай бұрын

Very good video! I never used animations etc in figma (only simple designs). U got my follow! 👏

@kigamezero8636 6 ай бұрын

Huge contender for the any% Figma tutorial Speerun.

@inkreydible 6 ай бұрын

this is my favorite channel ever

@ceko5472 2 күн бұрын

The video was extremely helpful and packed with valuable information Thank you!

@IHSimon 6 ай бұрын

J'ai bien aimé la faisons dont ta vidéo rend ce cours vraiment plaisant a regarder et compréhensible

@Rawi888 6 ай бұрын

Thanks for this. Really useful for me as I am learning to be a bubble developer.

@OmChilbule 2 ай бұрын

This video is great for revision !!

@josephjoseph2673 2 ай бұрын

❤

@ManasMadrecha 4 ай бұрын

A perfect video ❤

@Y.Z-Au 4 ай бұрын

Love the explanation. Please do a world's longest Figma course (aka the fastest path to becoming a Figma expert)!

@afifu 5 ай бұрын

You are the best!!! 🔥

@zydbinak2561 2 ай бұрын

I Just accidentally clicked into your video and now you became my fav KZfaqr of all Time.😻

@dkblade13 6 ай бұрын

I see you're also fan of Kiffness! 😂 Cat Jams and all the other songs are bangers

@remcolangemaire 4 ай бұрын

I am a software engineer trying to make an web app and hate designing (but it is kinda important :) ), tnx for the best video ever for my usecase and get to the point for fast learning!

@ItsJoeyG 6 ай бұрын

Lovely video as always. I wonder what you opinions are on similar tools like Inkscape? Also, a tutorial on how to export designs to services like WordPress would be amazing. Keep up the great work!!