EulerFold
Design Engineers & Design Tool Builders

Building Figma Plugins with the Canvas API

4 weeks
0 Learners
Jul 23

Automate repetitive design tasks and integrate external data into your design workflow. This comprehensive curriculum is designed to give you hands-on experience with Building Figma Plugins with the Canvas API.

Share:

About this Course

Automate repetitive design tasks and integrate external data into your design workflow. This comprehensive curriculum is designed to give you hands-on experience with Building Figma Plugins with the Canvas API. This Design Engineers & Design Tool Builders curriculum is designed to give you hands-on experience and deep conceptual understanding. Across 4 intensive modules, you'll tackle real-world challenges and build practical projects that reinforce your learning. By the end of this journey, you'll have the skills and proof of work to demonstrate your expertise.

What you'll learn

Master the core concepts of figma plugin architecture & sandbox model.
Gain hands-on experience with scene node tree manipulation & selection api.
Understand the architecture behind html5 canvas integration & custom rendering.
Implement production-grade design token automation & production publishing.

Prerequisites

intermediate Level

Requires basic familiarity with the tech stack.

  • Familiarity with core concepts

Ideal for

Design Engineers & Design Tool Builders

Backend Engineers
W1

Figma Plugin Architecture & Sandbox Model

Master the core concepts of figma plugin architecture & sandbox model.

3 videos76m
3 readings
3 topics
1 homework
Learn

Topics

1.1
Figma Sandbox vs UI Iframe Model
39 minutes
1.2
manifest.json Configuration & Scopes
29 minutes
1.3
Plugin Lifecycle & Async Operations
8 minutes
W2

Scene Node Tree Manipulation & Selection API

Gain hands-on experience with scene node tree manipulation & selection api.

3 videos77m
3 readings
3 topics
1 homework
Learn
W3

HTML5 Canvas Integration & Custom Rendering

Understand the architecture behind html5 canvas integration & custom rendering.

3 videos84m
3 readings
3 topics
1 homework
Learn
W4

Design Token Automation & Production Publishing

Implement production-grade design token automation & production publishing.

3 videos46m
3 readings
3 topics
1 homework
Learn
01

Learn

Watch curated videos and read study resources

02

Practice

Practice what you learned

03

Build Projects

Build projects using your new gained knowledge

04

Submit & Verify

Submit your project and get verified by our system

Rate this course

0.0
0 reviews

Help the community find verified technical paths.

Community Insights

0

Join the discussion

Sign in to share your thoughts and technical insights.

Loading insights...