Jessica Zhu

work

playground

AI Plugin for Figma

AI guidance, right where designers need it

AI Plugin for Figma

Introduction

problem

Solution

The process

Role

Product Designer

Team

1 Designers

1 Dev

skills

AI

Visual Design

Prototyping

Timeline

3 Months

Introduction

How can Figma level up its product lineup?

As Figma expands its suite of products to support users at every step, we explored potential directions for its future, with a particular focus on how AI could be introduced. According to Figma’s AI Report, only 31% of designers use AI for core work compared to 59% of developers. Recognizing this gap, we wanted to explore how Figma might innovate to bridge the divide and reimagine how designers work with AI.

Our potential ideas

Introduction

How can Figma level up its product lineup?

As Figma expands its suite of products to support users at every step, we explored potential directions for its future, with a particular focus on how AI could be introduced. According to Figma’s AI Report, only 31% of designers use AI for core work compared to 59% of developers. Recognizing this gap, we wanted to explore how Figma might innovate to bridge the divide and reimagine how designers work with AI.

Our potential ideas

Problem

Mastering Figma’s advanced features isn’t easy, and many users struggle to improve their skills

From my own experience in design-related clubs, I’ve noticed that many members don't explore beyond the fundamentals, often because they don’t know where to look for resources, find it challenging to stay inspired, or are unaware of alternative methods. Instead, they continue working with just the basics of Figma, which limits both their efficiency and their ability to collaborate at a higher level.

Problem

Mastering Figma’s advanced features isn’t easy, and many users struggle to improve their skills

From my own experience in design-related clubs, I’ve noticed that many members don't explore beyond the fundamentals, often because they don’t know where to look for resources, find it challenging to stay inspired, or are unaware of alternative methods. Instead, they continue working with just the basics of Figma, which limits both their efficiency and their ability to collaborate at a higher level.

Problem

Figma’s goal is to make its tools an essential part of users’ workflows

An essential part of this goal is to make Figma easier to learn.

Drive adoption of new features

Support users in discovering and using new functionality

Increase platform loyalty

The more confident users are in Figma, the less they’ll consider alternatives

Solution Preview

Figbud is your on-canvas AI assistant that provides real-time, context-aware assistance for designers at all skill levels

New learn tips and shortcuts all within Figma

Instantly get redirected to online articles or time-stamped videos to solve your problem

Process

Understanding current AI limitations

While AI is a powerful tool, it can't do it all. At least not yet. To understand the limitations of AI in the context of our plugin, we created initial models to understand what features we envisioned were actually feasible.

Initial versions of the plugin

Process

Understanding current AI limitations

While AI is a powerful tool, it can't do it all. At least not yet. To understand the limitations of AI in the context of our plugin, we created initial models to understand what features we envisioned were actually feasible.

Initial versions of the plugin

Process

Moving from design to front-end utilizing vibe coding

While I was working on designs, my developer worked on developing the plugin's back-end, utilizing a mock front-end. After I finished designing the interface, I moved into Cursor to vibe code out the front-end. This process took many iterations, leaning on my coding knowledge to make targeted changes.

Initial iteration to mid-stage iteration

Process

Moving from design to front-end utilizing vibe coding

While I was working on designs, my developer worked on developing the plugin's back-end, utilizing a mock front-end. After I finished designing the interface, I moved into Cursor to vibe code out the front-end. This process took many iterations, leaning on my coding knowledge to make targeted changes.

Initial iteration to mid-stage iteration

Future

There's more to come! This project is still a work in progress.

Please reach out with any questions.

Thanks for stopping by!

Jessica Zhu © 2025

Connect with me

Email

X/Twitter

LinkedIn

Navigation

Work

Playground

Thanks for stopping by!

Jessica Zhu © 2025

Connect with me

Email

X/Twitter

LinkedIn

Navigation

Work

Playground

Thanks for stopping by!

Jessica Zhu © 2025

Connect with me

Email

X/Twitter

LinkedIn

Navigation

Work

Playground