Figma 03: Integrated design and development process

Get to know all the exciting possibilities to bridge the gap between design tools and re-al code. We will explore automation, best practices and more.

Subjects that will be discussed:

  • Integrated design and development process
  • Automating Figma
  • Harness Figma's full potential

Course duration

1 day

Course objectives

Learn how to ...

... use design tokens to automate handover.
... use diverse ways to communicate a design system to a team or company.
... build your own plugins and Figma widgets.

Course overview

The aim of this module is to make the handover process between designers and developers more efficient and less error-prone. We’ll achieve this by out-of-the-box tools such as design tokens and by enabling you to automate your workflows and processes with Figma extensions.

This course is the third of three modules of the "Figma – from zero to hero" program. The module can be booked individually or in a bundle for a discounted price. Get more information here.

The course is split into the following chapters:

  • Chapter 9: Integrated design and development process

    • Design tokens
    • Handoff approaches
    • Figma➡️Storybook
  • Chapter 10: Automating Figma

    • ‘Macros’ for Figma
    • Building your own widgets
    • Boost automated testing

Target group

This module is designed for front-end developers and design leads who want to improve and automate their product development process.

Prerequisites: Basic understanding of UI design and software development.

Ask for a corporate course

Get a free offer for a corporate training, tailored to your needs.

Ask for a course

Show interest in a public course

Contact us if you are interested in a public course.

Show interest