- Видео 11
- Просмотров 11 343
ApolloDesigns
Добавлен 10 дек 2022
Auto layouts tutorial with real life design example | Figma tutorial | UI Design
In this video I am focussing on providing more of a the technical in depth tutorial on Auto Layouts. Once you grasp this well, your efficiency as a UI designer will be multiplied!
00:00 Intro
01:14 Content flow
02:14 Spacing
06:26 Alignment - directional
07:07 Alignment - baseline
07:57 Size constraints
08:52 Advanced options - space between
10:30 Advanced options - stroke inclusion
11:30 Design example
#figma #figmatips #ui #design
00:00 Intro
01:14 Content flow
02:14 Spacing
06:26 Alignment - directional
07:07 Alignment - baseline
07:57 Size constraints
08:52 Advanced options - space between
10:30 Advanced options - stroke inclusion
11:30 Design example
#figma #figmatips #ui #design
Просмотров: 548
Видео
Constraints technical explanation | Figma tutorial | UI Design
Просмотров 279Год назад
Hi all, this video focuses on a more technical explanation on Figma constraint options. There are plenty of videos out there that do a great job at giving a simple explanation of constraints, however knowing how it works in depth, will drastically improve your technical skills in Figma as a UI Designer. 00:00 Intro 00:23 Directional constraints 02:22 Center constraints 04:36 Scale constraints #...
Things to watch out for when flipping or rotating objects | Figma | UI Design
Просмотров 363Год назад
In this video I will talk about how objects get created on the canvas as well as what happens when you rotate or flip them. I will also talk about using the flatten tool within Figma when doing UI design 00:00 Intro 00:13 Y & X Axis coordinates 01:04 Object origin point 02:32 Side-effects from flip & rotation functions 05:03 Resetting origin point - Flatten #figma #figmatips #ui #design
Why naming layers is important - Figma tip | UI Design
Просмотров 3,3 тыс.Год назад
In this video I talk about WHY and WHEN it is essential to name layers inside Figma when conducting UI design. There are many reasons for proper naming of layers, especially since Figma is an ever growing product and has many more features to come that might rely on proper naming conventions. 00:00 Intro 00:10 What are layers 01:02 When should I name layers 01:30 Why - Reasons 1 02:56 Why - Rea...
Boolean Groups - Figma Tutorial | UI Design
Просмотров 819Год назад
A tutorial on how to use the Figma Boolean Operations (groups). These are essentially types of masks. There are 4 types of operations such as: Union, Subtract, Intersect and Exclude. They can be used on strokes, shapes and text but not frames. You can use these tools to efficiently create iconography or even typography (if that's your thing). 00:00 Intro 00:10 Union 01:26 Subtract 02:54 Interse...
Masking made easy - Figma Quick Tutorial | UI Design
Просмотров 311Год назад
This video focusses on how to use the masking tool inside Figma when doing UI design. Masking is a very effective tool that allows you to do simple masks inside Figma without having to open other applications. I have also introduced a guest (my dog Buffy), who graciously offered to help model for this video! 00:00 Intro 00:18 Basic mask 01:47 Custom shape mask #figma #figmatips #ui #design
Productivity Tip - Property Copy & Paste Will Save You So Much Time! | Figma | UI Design
Просмотров 164Год назад
This video shows you how you can quickly copy element and interaction properties across without having to do any rework. This save lots of time, allowing you to maximise your productivity and efficiency! 00:00 Intro 00:10 Element properties 01:38 Interactions #figma #figmatips #ui #design
Usability Testing Tips and Example - Common Mistakes and How to Avoid Them | UX Design
Просмотров 184Год назад
In this video I will show you the most common mistake that happens in usability testing sessions and how you can avoid it, so that you have unbiased results. 00:00 Intro 00:22 Example of a bad usability test scenario 02:50 How to avoid priming 03:26 Establishing the correct relationship with user Priming in usability testing ruclips.net/video/gxelUlM1Ux8/видео.html #ux #design #userexperience #...
Priming - How to Make Your Design Influence your Target Audience | UI UX Design
Просмотров 235Год назад
In this video I will cover what priming is and how to effectively use it in your designs, to influence your target audience. Priming is a powerful tool, if done right, can immensely improve the success of your website or business. 00:00 Priming definition 01:04 Priming examples 02:55 Negative priming Priming in usability testing ruclips.net/video/Zz7xLVOUHOY/видео.html #ux #design #userexperien...
Best Use of Component Variants in Figma (Advanced) | UI Design
Просмотров 3,2 тыс.Год назад
This video is for UI designers who use Figma component libraries. It will teach you how to set up component/variants extremely efficiently. You will learn techniques that will simplify the design process for you and your fellow designers who use your component library! 00:00 Intro 00:52 Multiple variants 06:25 Boolean property 09:29 Instance swap property 12:32 Text property #figma #figmatips #...
10 Awesome Figma Tips to Boost Productivity | UI Design
Просмотров 1,9 тыс.Год назад
This video is for UI/UX designers who regularly use Figma for their work. It will show you Figma tips and tricks that will boost your productivity and efficiency. I aim at showing tools and functionality that can be easily missed, especially for newer designers. Remember to Like & Subscribe if you enjoyed this video! 00:00 Intro 00:12 Nudge Amount 00:56 Export to PDF 02:22 Arc Tool 03:14 Drag C...
Please, when i add two shapes i don't see the boolean button, please help. I'm a beginner
Thank you, really helpful.
Did u have any Instagram account for this ?
Super helpful, clear, and relevant, thanks!
Thanks so much!
For me the best tutorial on this subject. Many thanks! One remark you start with 4 buttons without guidance....
Amazing explanation. Thank you so much.
thanks Awesome
I knew I could scale the icon but didn't think I could scale the whole frame:D Thank you
Hello master, how can i add en emoji to figma layers name on windows? Thanks
You can find documentation on this in Figma Help website under page 'add emoji to text layer'. Once you have added the emoji to text you can highlight it and copy it, then paste it in your layer name. Some emojis don't work for some reason, I am unsure why though.
@@apollodesigns Thank you very much i will try it
thank you for this best lesson
Thank you for the great video. 😀 I'd like to know how to apply several [Constraints]. [Constraints] complex screens are difficult.
You can do it individually or by selecting multiple objects inside a frame and adding constraints. Remember that an object constraint option is related to it's direct parent frame.
Simply Great...all at one place....hats off to u.....Thanks a ton
Thank you
Thanks man. Perfect!
So useful! Keep it up ✨
Thank you!! 😊
This video was extremely useful. Thanks a lot. I subscribed to your channel and liked the video. I really appreciate that you are touching on things that haven't been discussed anywhere. Keep up the good work! 🤓👍
Awesome!! Can't wait for your videos on CSS :)
Thanks! One will come very soon!
Almost 100 subs!!! Let's go
Or could’ve just use RemoveBG plugin and use that more effectively.
You are correct, you can use that plugin to save time, however I personally don't like it because the plugin compresses your original image with reduced resolution quality. I usually just use Photoshop for these things, but for the example of masking I thought it would be good to illustrate it using figma shapes :)
I subscribed to your channel and liked the video. That naming layer tutorial was very useful. Thanks. Keep up the good work! 🤓👍
This really helped me out alot, keep the tips coming ... Love from India💙
What a great tip and will save me so much time. You’re awesome!
Keep teaching us with great contents
Great explanation 💟💟
Great video- particularly enjoyed seeing examples of how to use them in your designs - found it really helpful.
I'm glad it was helpful!
Just mind blowing
🤍🤍
Thanks a lot and keep uploading new videos . You will grow a lot one day 🤍🤍 for your easy explanation
Thanks so much for your kind words i'm glad you like the videos! I will keep it up :)
Thanks for the video, very helpful
Very clear and helpful information. Thanks for the video!
The dog is so cute! Great content once again!
I think Buffy should continue modelling in all the videos!!
thanks for what you taught, with the latest updates, some contents are deteriorated, or even teachers don't create the components from scratch, thus making it difficult for those who are starting, you were very didactic and saved my day, thanks again, hugs from brazil!
I am delighted that you found the video useful ☺️
these videos are great
Great content! Keep them coming!
I always learn something new watching your videos! Thanks and keep it up!
Never even thought to make a thumbnail for all my files. omg such an easy thing to do and just makes looking at everything so much easier! Thanks man!
I’m loving Fimga. I’ve wasted so much time on renaming layers. This is going to save me so much time. Keep more tips coming!!!
Very helpful and some really cool tips! Thank you!
Thanks for the tips on Figma. Some really good stuff here!
This was really helpful thank you so much!
I am actually designing a website with bootstrap spacing - the nudge settings is going to save me heaps of time! Thanks!