Discount code "{code}" ({amount} off) applied!

Enrollment for the next cohort of {courseName} closes in {timeLeft}. ENROLL NOW to save your seat.

Prototyping in Figma

GET THE PROTOTYPING IN FIGMA SYLLABUS AND LEARN MORE:
Button Text

Build Better Prototypes Using Figma

It's time to step up your prototyping game and go beyond simply connecting wireframes and making clickable buttons in Figma. This four-week course will help you build more robust prototypes that realistically demonstrate the specific interactions you’ve designed.

Course Summary

Illustration of UX elements
NEXT COHORT
Oct 24, 2024
WEEKLY PACING
3 hours of lecture + live sessions
Asynchronous exercises & projects
COURSE DURATION
4 Weeks
PRICE
$699
Image of pointing hand

Have questions about the course?

About this Course

How do you decide the appropriate fidelity level for your prototype? Do you have a go-to strategy for developing prototypes that makes sense to your collaborators? When building prototypes in Figma, can you confidently set up scrolling, gestural interactions, and animated transitions, making your prototype more realistic and implementable?

If the answer is no to any of these questions, this course will provide you with the knowledge and skills needed to elevate your prototyping techniques and create high-fidelity, functional prototypes in Figma. By mastering prototyping, you will, in turn, enhance communication with stakeholders, facilitate early user testing, reduce development time and costs, and improve the user experience.

Prototyping in Figma is an in-depth four-week course designed to elevate an individual's skill level in building interactive prototypes in Figma from proficient to advanced. Participants will develop and implement their own strategies for creating prototypes at the appropriate fidelity level, then advance to building functional versions in Figma that accurately mimic intended user interactions. You'll gain the expertise to effectively present your design solutions to stakeholders and ensure seamless communication of wireframes and nuanced interactions to software developers.

Hybrid Course Structure Mixes Live Learning & Project Work

Weekly Video Lectures

Each week, course creator Nevan Scott will explain core concepts and lead Figma demonstrations through live sessions you attend or watch asynchronously afterward.

Peer Group Sessions

Later in the week, you'll meet in live, mentor-led group peer group sessions to review exercises and discuss project work.

HaNds-on project work

After watching the video lecture, you’ll have the opportunity to apply your newfound Figma skills to creating prototypes that feature a high-level of interactive functionality.

mentor feedback

You’ll also receive personalized written feedback on your project work from your expert mentor.

THE DESIGNLAB HAPPINESS PROMISE

If you’re not a fan of the course and you’ve fully participated, get your money back within 7 days of finishing.
Read more here.

Who It’s For

Illustration of person learning data-driven design

FOR UX/UI Design Professionals

This course is ideal for UX/UI designers looking to refine and update their skills creating highly interactive prototypes using Figma. This course suits those who are mid-level product designers, senior designers, freelance professionals, or team leads who want to stay up-to-date with evolving design practices and the field’s most prominent tool for creating interfaces, Figma.

Additionally, this course might benefit product managers, developers, and graphic design professionals who regularly engage with the process of prototyping digital experiences in Figma. That said, this is NOT a beginner course. Students will be expected to have a solid understanding of UX/UI principles as well as baseline proficiency with Figma. 

Have more questions about this course? Contact our admissions team.

Level Up Your Prototyping Skills in Figma

YOU WILL LEARN

1
RIGHTSIZING YOUR PROTOTYPES: Evaluate the cost/benefit of various prototyping approaches and choose an appropriate fidelity based on your audience and purpose.
2
ADVANCED PROTOTYPING STRATEGIES: Practice making plans for the execution of interactive prototypes that balance fidelity of content, interaction, visuals, and functionality.
3
INTERACTION DESIGN IN FIGMA: Create reusable components with interactive state changes, match gestural interactions with appropriate visual cues, and use variables to prototype interactive functionality.
4
SEAMLESS ANIMATIONS: Design transitions and motion with attention to detail which adds clarity and delight to user interfaces, without distracting from utility.
5
DEVELOPER HANDOFF: Streamline the transition from design to development, ensuring that every interaction and visual detail is faithfully reproduced in the final product.

Course Curriculum

WEEK 1

SMART ANIMATE & GESTURES

Expand your palette of interaction-driven animations in Figma to include the full breadth of possibilities. Strategically plan your approach to prototyping interactions.

WEEK 2

SCROLLING & COMPONENT INTERACTIONS

Sweat the details for smooth scrolling interactions in Figma, and combine scrolling with auto layout effortlessly. Make your reusable interface components interactive between different states.

WEEK 3

STATE VARIABLES

Learn how to use variables in Figma to create more functional prototypes. Set up user interactions to drive changes to variables, and connect variables so that they update the display of the user interface.

WEEK 4

POLISH & HANDOFF

Look at Figma prototypes and components from a developer perspective. Plan your handoffs with greater intention and understanding for better outcomes.

In Partnership With

Nevan Scott

Head of Education at Button School

Prototyping in Figma features live lectures and a robust curriculum from course creator, Nevan Scott. Nevan is the founder of Button School, an education company that builds and tests new courses for designers and developers. Nevan has led programs at General Assembly and Ironhack, and designed products for clients such as the Swiss Red Cross, H&FJ, and Buzzfeed. He previously collaborated with Designlab on our Advanced Figma course.

Showcase Your Work

Earn a certificate of completion when you complete Prototyping in Figma with Designlab, and display it proudly on Linkedin, your portfolio website, or any other place you choose.

Have questions about the course?

Our Students, Alumni, and Mentors Work at Top Companies Around the World

Frequently Asked Questions

What do I need to know in order to take this course?

This course is for emerging and experienced UI/UX professionals who are familiar with the UX design process and have a working knowledge of Figma.

This is not a course for people who are entirely new to Figma. Students will be expected to have a solid understanding of UX/UI principles as well as baseline proficiency with Figma. Fundamental knowledge of UX/UI principles includes familiarity and experience with prototyping and interaction design where one creates simple prototypes and has understanding of basic interaction design concepts, such as wireframing, user flows, and usability testing. We also expect students coming into this course to have knowledge of visual design concepts such as layout/composition, color theory, typography.

If you’re just starting out in UX/UI design, we suggest taking UX Academy Foundations, a 4-8 week course that teaches the fundamentals of visual and user interface design.

If you’re interested in diving into autolayout, components, and variables in Figma we recommend our Advanced Figma course.

IS THERE A RECOMMENDED ORDER FOR TAKING ADVANCED FIGMA AND PROTOTYPING IN FIGMA?

Our Advanced Figma course is not a prerequisite for Prototyping in Figma. Students can take these courses in any order, but if you’re planning to take both we recommend taking Advanced Figma first and Prototyping in Figma second unless you have a priority for mastering prototyping skills. Concepts that are taught in the Advanced Figma course are a good foundation for more efficiently building prototypes.

DO I NEED A PAID FIGMA LICENSE TO TAKE THIS COURSE?

You’re able to use your own Figma account in the Prototyping in Figma course. If you don’t already have a Figma account, you’re able to get a free student account when taking the course.

WILL I EARN A CERTIFICATE IN THIS COURSE?

Yes. Students who successfully complete the Prototyping in Figma course will receive a certificate that can be shared on Linkedin.

How will the video lectures work?

On Thursdays at 12pm ET we will host a 90-minute video lecture with the course creator. During this session we’ll explain core concepts and lead Figma demonstrations. 

We recommend you attend the live sessions to get the most out of the learning experience, but if you are unable to attend you’ll be able to access a video recording of the session. Before attending your peer group session you should plan to watch this session and complete the exercises in the platform.

What are peer group sessions?

Unique to the advanced courses Designlab offers, Peer Group Sessions are regularly scheduled meetings where you connect with other students in the course to discuss the course work. These are facilitated by a professional product designer who has expert-level experience in the topic of the course. The Peer Group Sessions for this course will be held weekly for 60 minutes each.

HOW ARE PEER GROUP SESSIONS SCHEDULED?

After you enroll in the course, you’ll be emailed a link to confirm the course details and select your peer group time. You’ll be able to choose from the following peer group times: 

  • Mondays at 12pm ET (9am PT)  
  • Mondays at 6pm ET (3pm PT)
  • Tuesdays at 12pm ET (9am PT)
  • Tuesdays at 6pm ET (3pm PT)

You’ll meet with your peer group on the same day and at the same time each week of the course.

Do you offer any discounts?

We’re offering a special discount of $100 off of $699 for any students who enroll in the first cohort of this course. To receive this discount you need do nothing. It will automatically be applied at checkout.  We also offer a payment plan that allows you to pay half up front and half at the end of the course. To learn more, contact our admissions team.

If you're interested in bundling this course with other advanced courses, you can save $200 for 2 courses, $375 for 3 courses, or $600 for 4 courses. To get started selecting your course bundle, go here.

What is the course pacing?

Students will receive 3 hours of live instruction per week. Students should also plan to spend 4 - 6 hours per week on exercises and projects to get hands-on practice. The following milestones will exist each week:

  • Thursday: Live video lectures lead by Nevan Scott
  • Monday or Tuesday: Participants will meet with their mentor and peer group 
  • 48 hours after meeting with your peer group you should submit your project work on the platform
  • 48 hours after submitting your project work you’ll receive feedback on your work from your mentor. 

What if I can't start the course on launch day?

You’ll have some flexibility on when you complete coursework, but you should plan to have watched the recording of the video lecture and completed exercises before meeting with your peer group. 

CAN I USE MY COMPANY'S LEARNING & DEVELOPMENT BUDGET FOR THIS COURSE?

Absolutely! Many of our students’ tuition is sponsored by their employer. If you have any questions about how to do this when you’re enrolling for the course, please reach out via email to advanced.admissions@designlab.com or set up a call with our admissions team.

Also, to help you with requesting reimbursement, feel free to copy / paste / edit the below email text:

Hi {Manager Name},

I’m writing to you about a course called Prototyping in Figma that I’d love to enroll in using my learning & development budget. The course is on Designlab, a platform that’s trained thousands of UX / UI / Product Designers who work at companies like Netflix, Amazon, and Google. The course is designed to teach me how to:

  • Build prototypes at the right level of fidelity 
  • Use interactive functionality 
  • Create seamless animations
  • Prepare for smooth handoff to development


The course format was specifically set up with working designers in mind and is a mix of live video lessons, hands-on project work, and weekly peer group sessions facilitated by an expert in Figma. The course costs $699 USD, and you can check out the course details here.

Thanks,

{Your Name}

WHAT IF I’M PART OF A TEAM THAT WANTS TO TAKE THIS COURSE?

We’re happy to work with a team or company. Feel free to enroll everyone here or book a call with our team for information on multi-seat discounts, custom trainings, and more.

What if I don't like the course?

Prototyping in Figma is backed by The Designlab Happiness Promise. After you've fully participated in the course, if you're not satisfied, you can get your money back. Read more here.