Create Your First Figma Plugin

Adi PurdilaSep 20, 2021Lessons: 5Length: 1.2 hours

UX/UI UI Design Figma

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

2.4 Creating a Plugin With a UI and Browser APIs

In this final lesson, we’ll create a Figma plugin with a user interface that will generate a set number of tints based on a color of our choosing. It will display those tints in a frame that we’ll also generate.

This is a bit more difficult to make, and it’s going to have quite a bit of JavaScript, but I’ll explain everything we’re doing so it should be easy peasy. Let’s begin!

1.Introduction
1 lesson, 03:11

1.1
Welcome to the Course
03:11

2.A Quick Guide to Creating Figma Plugins
4 lessons, 1:09:09

2.1
What Figma Plugins Can and Cannot Do
02:55

2.2
Creating a Basic Plugin
17:44

2.3
Getting Started With More Complex Plugins
09:15

2.4
Creating a Plugin With a UI and Browser APIs
39:15

Adi Purdila

Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value. Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals. When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets. You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.

adipurdila

Next lesson playing in 5 seconds

2.4 Creating a Plugin With a UI and Browser APIs

1.Introduction1 lesson, 03:11

1.1Welcome to the Course03:11

2.A Quick Guide to Creating Figma Plugins4 lessons, 1:09:09

2.1What Figma Plugins Can and Cannot Do02:55

2.2Creating a Basic Plugin17:44

2.3Getting Started With More Complex Plugins09:15

2.4Creating a Plugin With a UI and Browser APIs39:15