- Видео 22
- Просмотров 1 021 770
UI Adrian
Польша
Добавлен 15 мар 2023
Hey there 👋 If you're new to my channel, my name is Adrian, a seasoned design lead with 8 years of industry experience. You may already know me from my Instagram or Twitter posting design tips and tutorials as @uiadrian. Last year, I released three design ebooks that have been met with huge success from mobile and web designers alike.
You can grab your copy of these resources on my Gumroad page at uiadrian.gumroad.com. Well, except for the last one, it's currently being rewritten for a second release!
I also teach designers how to get started designing in Figma and use it to create stunning designs efficiently and effectively in my Figma Mastery course, which you can find at howtodesignbetter.com
If you're as passionate about UX/UI design and no code as I am, you've come to the right place. Join our community of design enthusiasts and subscribe to my channel for weekly videos that will take your design skills to the next level.
I'll see you around 👋
You can grab your copy of these resources on my Gumroad page at uiadrian.gumroad.com. Well, except for the last one, it's currently being rewritten for a second release!
I also teach designers how to get started designing in Figma and use it to create stunning designs efficiently and effectively in my Figma Mastery course, which you can find at howtodesignbetter.com
If you're as passionate about UX/UI design and no code as I am, you've come to the right place. Join our community of design enthusiasts and subscribe to my channel for weekly videos that will take your design skills to the next level.
I'll see you around 👋
Parallax Scroll Effect - Figma Tutorial
Join 2,500+ students and master the foundations of UI design for $9 with my new ebook!
👉 howtodesignbetter.com/ebook
Guys, I'm sorry to say but the Prototyping Masterclass is discontinued. I will be working on a new Framer program instead! More details soon :)
In this tutorial, we'll take a closer look at how to create parallax scroll effects in Figma. At the time, the only way to mimic this effect is by adding a number of drag triggers or adding a scroll bar. In the following episode, we'll discuss the first use case.
Here's a chapter breakdown:
00:00 - Intro
00:31 - Adding your designs
02:40 - Adding mockups
05:15 - Adding remaining frames
11:30 - Connecting frames
12:03 - Prototype Preview & F...
👉 howtodesignbetter.com/ebook
Guys, I'm sorry to say but the Prototyping Masterclass is discontinued. I will be working on a new Framer program instead! More details soon :)
In this tutorial, we'll take a closer look at how to create parallax scroll effects in Figma. At the time, the only way to mimic this effect is by adding a number of drag triggers or adding a scroll bar. In the following episode, we'll discuss the first use case.
Here's a chapter breakdown:
00:00 - Intro
00:31 - Adding your designs
02:40 - Adding mockups
05:15 - Adding remaining frames
11:30 - Connecting frames
12:03 - Prototype Preview & F...
Просмотров: 85 037
Видео
Creating a Color System in Figma | 3 Easy Methods
Просмотров 44 тыс.Год назад
Join 2,500 students and master the foundations of UI design for $9 with my new ebook! 👉 howtodesignbetter.com/ebook In this video, I'm going to show you 3 easy ways to create color palettes and generate color systems in Figma. Enjoy! Grab my product bundles below 👇 howtodesignbetter.com/bundles Timestamps: 00:00 - Intro 01:00 - First Method 06:10 - Adding Global Styles 08:05 - Color Palette Exa...
Create Responsive Website Designs | Figma Tutorial
Просмотров 60 тыс.Год назад
Join 2,500 students and master the foundations of UI design for $9 with my new ebook! 👉 howtodesignbetter.com/ebook Learn how to create 100% responsive web designs in Figma, using Auto Layout ONLY, without Plugins or Constraints. Enjoy! If you're ready to learn more - check out the Figma Mastery course👇 howtodesignbetter.com/figma-mastery Timestamps: 00:00 - Intro 00:30 - Getting started 01:51 ...
Figma Responsive Design for Development (Box Model + Auto Layout)
Просмотров 35 тыс.Год назад
Join 2,500 students and master the foundations of UI design for $9 with my new ebook! 👉 howtodesignbetter.com/ebook In this video, I'm going to show you how to design in Figma with web development in mind and get you prepared for a seamless developer handoff using Auto Layout and the Box Model 📝 Download the free files here👇 www.figma.com/community/file/1230850200547605128 Feel free to check ou...
Figma Tutorial: 3D Carousel Slider (+ free files 🎁)
Просмотров 519 тыс.Год назад
Join 2,500 students and master the foundations of UI design for $9 with my new ebook! 👉 howtodesignbetter.com/ebook Learn how to create amazing 3D carousel sliders with rotating effects in Figma, with no plugins, videos, and no Lottie files, just simple techniques! And don't forget to grab the free Figma files to test this animation yourself! uiadrian.gumroad.com/l/prototyping-pack Timestamps: ...
Create Animated Mesh Gradients in Figma (Tutorial + Files)
Просмотров 19 тыс.Год назад
Join 2,500 students and master the foundations of UI design for $9 with my new ebook! 👉 howtodesignbetter.com/ebook Learn how to create awesome animated Mesh gradients in Figma, in less than 10 minutes. And don't forget to grab the Prototyping Pack and collect your free Figma files to test this animation yourself! uiadrian.gumroad.com/l/prototyping-pack Timestamps: 00:00 - Intro 00:21 - Getting...
Create Responsive Grid System - Figma Tutorial (FREE TEMPLATE)
Просмотров 22 тыс.Год назад
Join 2,500 students and master the foundations of UI design for $9 with my new ebook! 👉 howtodesignbetter.com/ebook In this video, we're going to create Responsive Layout Grids in Figma. We'll talk about everything you need to know about creating desktop, tablet, and mobile layouts in less than 15 minutes! P.S. Make sure to grab the free layout grid template from the Figma Community below👇 www....
Spinning Carousel Animation in Figma - Full Tutorial + Free Files! 🎁
Просмотров 57 тыс.Год назад
Join 2,500 students and master the foundations of UI design for $9 with my new ebook! 👉 howtodesignbetter.com/ebook In this quick video, I'll walk you through all steps to recreate this awesome Spinning Carousel Animation with a cool Intro trigger in Figma. Make sure to download the free source files from this link👇 uiadrian.gumroad.com/l/prototyping-pack Play around with the design yourself an...
The Secret to Learning Good UX/UI Design Fast (and for FREE)
Просмотров 15 тыс.Год назад
The Secret to Learning Good UX/UI Design Fast (and for FREE)
Mechanical Engineer to UI/UX Design Lead - My Full Story
Просмотров 17 тыс.Год назад
Mechanical Engineer to UI/UX Design Lead - My Full Story
Figma Parallax Effect - Full Tutorial + Free Figma Files 🎁
Просмотров 79 тыс.Год назад
Figma Parallax Effect - Full Tutorial Free Figma Files 🎁
Bro how do you show the shortcuts on the screen? The keys we type are also shown but I am unable to see it. Is there any shortcut for that??
Bro amazing ty
Cool one to test out but I got my Change to option is not avaible. It is fade grey. Can anyone help me with the issue ?
im so lost 😂
worst tutorial ever
Godbless you. Thank you
does someone know how to apply this in css?
What is that microphone you're using, bro?
7:20 THIS ONE NOT WORKING
Need more tutorials
Amazing
Amazing
looks cool
Hi sir, I am unable to get the ai layers of the labels even after using convertify plug in, also I tried seperating every layer before droping them on figma too, still its coming as jpg image, what to do ?? Please help
Why you gave 30 padding both side? I want to understand the reasons.
Very informative
Cool!111
when u copy the image o the fruit cedar ssoda from the adobe illustrator to the figma, it copies and paste successfully but in my case the image is not copying to the clipboard itself it says object not supported on this device why
May I know what kind of software to achieve desktop magnifier effect at 7:30? Thanks
❤❤❤❤❤❤
This was amazing. But how did you export the animated prototype??
What if you dont have Photoshop and Illustrator? is there another way to edit the texts for the labels?
i dont have the option, controle buttons cause i got windows. Is there any other way ???
I'll be right back 6:50
amazing
How to select individual flavours of soda from picture
Hi Adrian. I would need your advice please :) I finally became good at copying good designs , but I fail when it comes to develop my own design style. Do you have any advice on how should I develop my own design style? Thank you for your videos.
Nice
heyy how did get that header from? please help
give me your file lik
Thank you very much for help me out to the hell . Appreciate your teaching.
Just wow its the perfect video about creating a color design thank you, sir
Wow
But what can we do after animate this in figma? Can we use that animation in a website? How do we do that?
Lovely boss❤❤
I can't buy adobe illustrator, what are the best ways for free download???
When I select multiply to get that realistic can effect, nothing changes. What am I doing wrong?
Brilliant teacher! bg music was a bit loud, but your quality of teaching process cut through it, would love to see the box model video
First timer here, where can I click the command? Does it have on my keyboard?
cant find the free files in description :/
Its very nice design but... how can i transfer it into a website ? Do i need to hardcore it? wwhat about smart animation etc....
Um tutorial muito bom!!! Foi passado mais de uma solução para a criação de paletas e bem explicadas, muito bom!
You can group that in esp file using illustrator and convert it to svg it will be easy
Positive: Great content! Not positive: Sound only comes from left side in this video.
So wouldn't you have to tell the developer at what pixel width the layout changes? Spacing/text sizes/image sizes get weird at certain pixel widths making the design look funky.
can I have the file link? pleaz
I just found this video, I’m also a mechE who wants to pivot to UI/UX for the same exact reasons - thank you for sharing your story, it’s not a common pivot so your video was really inspiring to me! 🤩🥰
Hey adrian nice tutorial appreciate it!
What camera are you using?
I want to be like you period 😂