Get the FREE Figma working file to follow along: bit.ly/3M4LqVO
Get Figma for FREE: psxid.figma.com/ggcj1d
Full Figma beginners course: www.moonlearning.io/Figma-Beg...
Access all of my UX, UI & Figma courses: www.moonlearning.io
Get Figma for FREE: psxid.figma.com/ggcj1d
Want to stay up to date on new developments, tips and tricks? Make sure to follow me!
Follow me on LinkedIn: / christine. .
Follow me on Twitter: / moonlearning
Follow me on Instagram: / moonlearnin. .
And don't forget to subscribe right here on KZfaq for more!
-----------------------------------------------------------
Getting Started with Figma Essentials
A beginners guide in one hour for UI Designer
This free 1-hour course on getting started with Figma covers the basics of the UI design tool. The course covers topics such as understanding Figma's file structure, creating frames, adding shapes and text, working with components, and setting up designs in general. The course is designed for beginners or anyone switching over from another design software like Sketch or Adobe XD and provides step-by-step instructions on how to use Figma effectively for UX/UI Design. The course is part of a larger course on Moonlearning.io which offers more in-depth lessons on Figma for all levels.
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