FREE: Getting started with Figma: 1-hour UI Design course for beginners

preview_player
Показать описание

Want to stay up to date on new developments, tips and tricks? Make sure to follow me!
And don't forget to subscribe right here on Youtube for more!

-----------------------------------------------------------
Getting Started with Figma Essentials
A beginners guide in one hour for UI Designer

Video Syllabus:
00:00:00 - Introduction to the course and its content
00:01:05 - The Figma file browser – Figma's home
00:05:08 - Creating design files in Figma
00:06:49 - The Figma canvans and adding frames to our file
00:08:59 - A few handy shortcuts
00:09:48- Design file overview
00:12:37 - Adding shapes and colour
00:16:08 - Size menu – manipulating shapes and frames
00:19:38 - Align, tidy up, and measure
00:21:54 - Adding and working with text
00:27:51 - Nesting frames – The Figma superpower
00:30:51 - Frames vs Groups
00:34:04 - Designing with nested frames
00:41:53 - Re-usable grids with styles
00:45:36 - Figma Community and Plugins
00:48:34 - Adding images
00:51:47 - Drawing in Figma
00:53:48 - Scaling in Figma
00:55:39 - Creating reusable elements with Figma components
00:59:23 - How and what to overriding in Figma components
01:02:47 - More about components, Figma variables, responsive design with auto layout, prototyping and handoff to development

Keywords:
Figma, design files, file structure, frames, components, UI design, Figma exercise file, teams, projects, pages, file browser, community, plugins, shapes, text, colors, grids, layout, prototyping, variables, styles, responsive design, auto layout, sharing, team libraries, documentation, UX, UI, design, Figma Beginners course, Moonlearning
Рекомендации по теме
Комментарии
Автор

Best begginer figma course I have found. Thank you so much!

maggiedeveloper
Автор

The video is a great resource to start learning Figma.

vahidkari
Автор

The best beginner level course I have seen on YouTube
We would love if you release an advance course covering
Responsive Design
Figma to Webflow/framer/code( auto layout process)
Prototyping Advance
Variables and Components advance
Design Process of a Project from start to finish

saudmussadiq
Автор

Thank you for this content, I have a question, what is the tool used in video for zoom areas (magnifier)?

rogerbif
Автор

thanks to youtube algorithim I could not find this germ otherwise. Thanks for the really great course

EmmanuelNgwandu
Автор

Hi I have a question regarding to the suscription Can I watch all the video you have in the platform? and If I start in the middle of the month 15 February I have acces until 15 march?

mariajosemartinez
Автор

The video was helpful, is there other video for advance courses also? thanks

armazh
Автор

Very odd, but I get nothing when I right click on the shapes

deepyslow