https://bit.ly/3pTZ5Ez 👈 Learn UI/UX Today. Use “LAUNCH” for 15% Off!
https://designcourse.com/app/course/ueye — The Interactive uEye Game
— Today, we’re going to focus on creating a website UI solely within Figma and using most of its features. We’re going to start out with an interactive portion of the video where you’re challenged with my new uEye game, which helps you learn UI design fundamentals.
If your goal is to learn UI/UX and Figma here in 2022, this video will be a great start to your journey!
0:00 – Project Preview
1:19 – Learn UI/UX Today
2:16 – Interactive uEye Challenge!
13:08 – Figma UI Overview
16:25 – Choosing a Background
20:27 – Adding a Layout Grid
21:57 – Designing a Quick Logo
26:29 – Creating your First Component
28:44 – Creating the Navigation
43:00 – Designing the Hero Section
47:15 – Adding a Layer Blur
49:00 – Adding Features
51:54 – Call to Action
55:51 – 3 Column Design
1:03:35 – Features Prototyping
1:09:19 – Call to Action Prototyping
1:14:15 – Adding a Lottie Animation
1:16:45 – Prototyping the Overlay
1:20:26 – Prototyping a Sub Page
1:21:51 – Final Thoughts
Let’s get started!
#ui #ux #figma
Want to learn more about UI/UX design in a fun and interactive setting?:
https://bit.ly/3pTZ5Ez — Learn UI/UX Today. Use “LAUNCH” for 15% Off!
– – – – – – – – – – – – – – – – – – – – – –
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro’s Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
– – – – – – – – – – – – – – – – – – – – – –
Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
source
Yearly check-in! What is your primary UI/UX design app that you use today? Figma? XD? Sketch? Something else? Let me know below!
Gary thank you so much for this crash course ! I have a question, when you copied the components and copy-pasted them in the components page, you should be able to find them in the assets section? I followed along and cannot find them there, did I miss a step?
Figma is soooo much better than adobe xd, I'm completely switching
Great, now code it 😀
Gary, thank you for this crash course, I loved it and I learned a lot 🙂
Does the new course have lessons on how to ship off a finished product and documentation ?
Do you actually design websites?
Lol "really cheap"
At 19:33 how did you do that? I tried and it just makes the photo longer?
Thanks Gary for a great tutorial! Would be nice if you make another crash course on how to build a website from this Figma website UI.
Great video, the source file would be nice to have 🙂
Great course. Thanks. My animation on the hero links is super slow no matter what time I set.
hello! great course! i love. although your design course website has UI flaw. The chatbot is blocking the collapse feature. kindly check and fix.
was wondering what doing with a Kemper profiler then boom I saw a guitar lol. awesome stuff.
With long hair you look like a UI/UX rockstar ! Love your content, keep up with this great work! 🔥
You can hold command (ctrl on windows) while dragging the frame borders to prevent changing the aspect ratio of the cropped image.
hopefully will join in a month or two since i dont have the money right now, i hope i get to use the discount at that time
Can we have a coding tutorial for this design please
Gracias por el tip
This is a great course, thank you Gary! Components are a game changer for me!
Does the course give a certificate?
i need this, thanks
Hey Garry can I actually make a career out of this course or are there any other free courses you recommend
Hello from Russia . How about you idea movie – ux for e-commerce . ? Trend
I'm in a UX Bootcamp and have been struggling with Figma and UI. This video was AMAZING! I just signed up for the full course! I'm so excited to go through the whole video library.
Any chance of a lunacy tutorial in the future?
You did well man, Thanks a lots
Lol, dude, that's the funniest shit ever 1:18:32 xD! "Correct"! Great video man, I really learned a lot. Thanks. <3
Thank you for this! Such a big help!
loved it. great crash course and so easy to understand. you are a good teacher.
thank you!
Okay. The UEye game is pretty darn epic. Was really fun! (Don't ask me to disclose my points though lol)
GARY YOUR HAIR!! You look great man. Wanted to drop this here to let you know I landed a Junior UI Designer role a few months back at a great agency in London. And honestly so much of it was because of your videos. So thanks man, I owe you so much!
As a beginner looking to get into UX with an interest in eventually doing interaction design, what is the best program to learn on i.e. Sketch, Adobe XD, Figma, etc.?
yay!
Thanks for the free content Gary it is appreciated 🙂
best Figma crash course yet seen so far. You did so well🙌❤