Master the Figma design application for professional UI and UX design work. Develop a comprehensive and practical understanding of Figma's powerful design capabilities and prototyping features, including how to build detailed designs, convert them into fully interactive prototypes, present them to clients and stakeholders for feedback collection, and incorporate user testing insights into your designs.
Unlock and harness the complete potential of Figma through this intensive 81-hour Figma Masterclass, which brings together our Figma Bootcamp course and Figma Advanced course into one comprehensive learning experience.
Figma represents a contemporary, next-generation design application built specifically to address the unique needs and workflows of modern web designers, UX professionals, and app designers. In contrast to image editing applications like Photoshop, which were originally designed and optimized for print production, photographic retouching, and illustration work, Figma's entire philosophy and feature set is centered on the requirements of user interface and user experience design. You have the ability to design complete visual interfaces and convert them directly into functional, clickable prototypes all within one unified application!
Figma employs frames (which are called artboards in other design applications) to streamline the design of responsive web layouts that work seamlessly across mobile devices, tablets, and desktop screens, as well as custom application screens. Because Figma is a vector-based technology, you can easily scale your designs to accommodate different screen sizes and display resolutions, and you can export graphics in high-resolution formats suitable for websites, mobile applications, and more. Figma offers an extensive collection of specialized tools and capabilities that are specifically designed for UI design and UX design work, including reusable components, integrated prototyping functionality, advanced design systems, and much more.
In this comprehensive course, you will develop expertise in creating detailed designs and then transforming them into interactive, functional prototypes that enable navigation from one screen to another, reveal and hide navigation menus and overlay elements, make specific regions of a screen scrollable to display additional content, and incorporate many other interactive features. You will have the opportunity to add motion and animation to your designs using the smart animate functionality. You will also explore advanced prototyping features that allow you to create more sophisticated and realistic interactive experiences. You will learn how to design and build flexible, scalable design systems using components, design tokens, variables, and other advanced features.
Figma operates as a web-based application that is entirely cloud-based, which means that collaboration functionality and seamless file sharing are built directly into the platform. Although you have the option to download and install the Figma desktop application for offline work, you can also simply access Figma directly through any standard web browser and begin working on your designs immediately without needing to install any software.
What's included?
- A practical, hands-on learning experience focused on real projects and meaningful exercises, which has been proven to increase comprehension, retention, and student engagement
- Expert instructors who are experienced industry professionals and skilled educators committed to ensuring your success
- Thoughtfully developed and thoroughly tested course materials that have been refined across multiple class cohorts to deliver the best possible learning outcomes
- Comprehensive supplemental learning materials designed to support you during the course and continue to be valuable after you complete the program; please check the specific course pages for details about what supplemental resources are available
- A generous 1-year free retake option that enables you to revisit any section of the course or program at no cost to refresh your learning and gain additional hands-on practice
- An official certificate of completion that documents and verifies your achievement
What You'll Learn at a Glance:
- Create professional UI and UX designs for websites, mobile applications, and other digital products
- Design and optimize page layouts for mobile devices, tablets, and desktop displays
- Work with design grids, export image assets, share designs with client stakeholders and development teams, and perform other professional design tasks
- Build fully interactive and functional prototypes
- Create smooth animations and transitions using smart animate features
- Utilize reusable components and component variants to streamline design updates and maintain consistency
- Leverage Team libraries to distribute and share consistent design and component resources across your organization
- Apply and understand how to work with design variables and variable modes for responsive design
- Implement conditional logic to build advanced and sophisticated interactive functionality into prototypes
- Develop light mode and dark mode design options using variable collections
- Apply foundational and semantic layer naming conventions when constructing comprehensive design systems
Students must have basic computer literacy and comfort using common applications. No other specialized knowledge or technical background is required.
Learn more about the Figma Masterclass at Noble Desktop.
