Discover ways to use Figma, a robust instrument for person interface design with teacher Adi Purdila. For those who’re into UX, UI design, or app design, this Figma tutorial is good for you. ► Obtain Limitless Inventory Images, Fonts & Templates with Envato Parts: https://components.envato.com/?utm_campaign=yt_tutsplus_g6rQFP9zCAM&utm_medium=referral&utm_source=youtube.com&utm_content=description
What’s Figma? It is a person interface design instrument. Whereas it’s related in some ways to apps like Adobe XD and Sketch, the truth that it runs within the browser, coupled with some superior collaboration options, makes it distinctive and up to now very nicely obtained each for interface design and as prototyping software program. On this course, you’ll discover ways to use Figma, from each a designer’s and a developer’s viewpoint.
View on GitHub: https://github.com/tutsplus/introduction-to-figma
# 1 – Introduction
00:00:00 1 – Welcome to the Course
00:01:31 2 – What Is Figma?
# 2 – Getting Began With Figma
00:06:16 3 – Working With Tasks, Information, and Pages in Figma
00:11:44 4 – Utilizing the Figma UI
00:20:47 5 – Working With Frames, Shapes, and Textual content in Figma
00:31:44 6 – Creating Vector Networks With the Pen Instrument
00:40:16 7 – Working With Grids in Figma
00:46:21 8 – Utilizing Figma Plugins
# 3 – Easy methods to Use Figma as a Designer
00:51:00 9 – Let’s Design a Signal-Up Kind in Figma
01:25:55 10 – Let’s Create a Prototype
01:30:02 11 – Sharing Work and Getting Suggestions
# 4 – Easy methods to Use Figma as a Developer
01:41:39 12 – Inspecting a Design File in Figma
01:46:48 13 – Exporting Belongings
Talk about this course on the Envato Parts Boards: https://boards.envato.com/c/project-making/envato-courses-and-tutorials?utm_campaign=yt_tutsplus_g6rQFP9zCAM&utm_medium=referral&utm_source=youtube.com&utm_content=description
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+
Uncover free how-to tutorials and on-line programs. Design a emblem, create an internet site, construct an app, or be taught a brand new talent: https://tutsplus.com/?utm_campaign=yt_tutsplus_g6rQFP9zCAM&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Parts
All of the artistic property you want underneath one subscription. Customise your challenge by including distinctive images, fonts, graphics, and themes.
► Obtain Limitless Inventory Images, Fonts & Templates with Envato Parts: https://components.envato.com/?utm_campaign=yt_tutsplus_g6rQFP9zCAM&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Observe Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Observe Envato Tuts+ on Fb: https://www.fb.com/tutsplus
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
source
Detailed and super easy to understand. Who doesn't have any idea or want to refresh his/her knowledge of the basics, this video is highly recommended. Instructor made it very easy to understand. Really appreciated.
Thank you.
Thank you soooooo much for this. I would recommend this any day anytime. Brilliant!
Nice Tuts
So pls figma now only allow u do one project instead of there
I am new to the design world and i am really grateful for this tutorial..I've been watching other YouTube videos on intro to figma but this stood out,well detailed and really explains every component.
Thank you so much for making stuff in soft a lot easier to understand.
The introduction was very helpful, thanks!
Great course! Easy to follow and you’re learning while each step is explained in detail.
I'm not getting the alignment options in the auto layout section for components (1:01:38)
If you know nothing about Figma and want a course where everything is explained to you, this is the course for you. This is the very best beginner course you can find on Figma. Great job Adi, I doff my hat at the sheer brilliance and ease of teaching you displayed in this course. God bless you my brother!
This is my first tutorial I've ever watched on Figma during my new journey in UI. I'm so glad i spent my time watching from beginning to end. I'm motivated to proceed.
You are amazing! every content I`ve watched from you was super helpful! Thank you 🙂
Thank you – I learned quite a bit
Thanks a lot, very well presented in terms of information and speech <3
I hadn't even imagined it would be so simple. Figma is a great tool. That was very helpful. Thank you.
Great Tutorial
Supper
best i have ever watched
Really appreciate the amazing tutorial video. Thank you so much.
May God bless you all.
You are great. Thank you so much for your efforts for us
Thank you. It is very helpful.
Man, this video is gold! So helpful!
Can figma work on androids
1:16:35 I fixed the icon distortion
by making the icon in the component an auto layout by pressing shift+A which will create a new frame in component and just aligned the frame with component and make my component 24 X 24 but the frame in the component is undistorted
1:13:45 this button thing teased me most as the new figma version has some changed option of auto layout it took me 15 min to understand this button thing. but alhamdulilah I have figures it out