Figma Masterclass

Learn Figma for UI/UX design. Gain a thorough understanding of Figma’s design and prototyping capabilities, from creating designs, turning the into interactive prototypes, sharing them with clients for feedback, and getting user feedback.

Unlock the full potential of Figma with this comprehensive 81-hour Figma Masterclass, combining our Figma Bootcamp and Figma Advanced courses.

Figma is a modern design app built with the specific needs of a modern web designer, UX designer, or app designer in mind. Unlike image editing programs such as Photoshop—which were originally created for print, photo retouching, or illustration—the entire focus of Figma is on designing user interfaces and user experiences. You can craft the visuals and turn them into working prototypes all in a single app!

Figma uses frames (which other apps call artboards), to efficiently design web layouts for mobile, tablet, and desktop (or screens for apps). It’s vector-based, so you can scale for a variety of screen sizes with ease, as well as export hi-res (Retina) graphics for websites, apps, etc. You’ll find tools and features specifically relevant to UI (User Interface) design and UX (User Experience) design, such as components, built-in prototyping tools, and much more.

In this class you’ll learn to create designs and then turn them into interactive prototypes that go from screen to screen, open navigation overlays, make specific areas within a screen scrollable, and more. You’ll even add animations to your designs using smart animate! Work with advanced prototyping functionality to create add more realistic functionality to your designs. Learn to create flexible design systems with components, styles, variables, and more.

Figma is a web app and 100% cloud-based, so collaboration and easy file sharing is built-in. While you can install the Figma desktop app, you can also just log into Figma in any web browser and start designing without installing anything.

What’s included?

• A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement
• Expert instructors who are industry professionals and experienced educators that are driven to help you succeed
• Top-notch curricula that have been tried and tested over many cohorts and are consistently improved for an optimal learning experience
• Supplemental materials to assist both during and after the course - please refer to specific course pages to see what supplemental materials are offered
• A 1-year free retake policy which allows students to retake any part of the course or program for free to refresh the materials and gain additional practice
• A certificate of completion to verify your accomplishment

What You’ll Learn at a Glance

• Create UI (user interface) and UX (user experience) designs for websites, apps, and more
• Design finished layouts that are optimized for mobile, tablet, and desktop screens
• Design on grids, extract image assets, share designs with clients/developers, and more
• Build interactive prototypes
• Make animations using smart animate
• Use components (including variants) to make updating your designs easier
• Work with Team libraries to share style & design components
• Learn how to use variables (and variable modes)
• Use conditionals to add advanced interactivity to prototypes
• Create light and dark modes using variable collections
• Use primitive and semantic layers when building a design system

Students must be comfortable using a computer. No other prior knowledge is required.

Learn more about Figma Masterclass at Noble Desktop.