Design systems · AI

Figma AI Skills

Five AI skills I designed that run inside Figma and do the routine work of a design system, from release docs to library audits. One run replaces 0.5 to 32 hours of manual work, depending on the job.

Role
Concept, architecture and design; AI-assisted build
Built on
Figma plugin and REST APIs
Status
4 skills live, 1 in progress
Used by
8 design system designers, every sprint
A Figma canvas: a button component set on the left flows through the release documentation skill into finished documentation pages on the right, with anatomy callouts, a variants and states grid, spacing redlines and a token table.

The company

Stellantis is one of the world’s largest automakers, formed in 2021 when FCA and PSA merged. It builds cars for 14 brands. Its UX organization has about 160 designers, and the design system team sits inside it.

Jeep · Ram · Dodge · Chrysler · Peugeot · Citroën · Fiat · Alfa Romeo · Maserati · Opel · Vauxhall · Lancia · DS · Abarth

The problem
Running a design system takes hours of routine work every sprint: release docs, changelogs, library audits, token binding and reading long engineering documents. That time came out of design.
What I did
I designed five AI skills that run inside Figma. Each does one of these jobs using the design system’s own rules, and hands anything uncertain back to a designer. I tuned them with the designers who use them.
What changed
The 8 designers on the design system team use them every sprint. The skills spread to the core UX team in North America and the global UX team, and caught Figma’s attention: we now meet with Figma regularly to exchange feedback.
fewer AI credits than manual prompting, in a proof of concept
Up to 92%
of manual work replaced by one sprint audit run (estimate)
16–32 h
people in the global UX team saw it presented; trainings start soon
~160

Try the skillsHow it spread, and FigmaDecisions

Try it

Run a skill and see what it writes

Each skill does one job the team used to do by hand. Click one: it runs in about two seconds on a sample library made for this site, and its output appears below.

ReadyFigma plugin
  1. ·Reading the selected components, variants and properties…
  2. ·Building the overview, anatomy, variants, states, tokens and accessibility frames…
  3. ·Finding every layout that uses each component…
  4. ·Highlighting instances, adding callouts and release notes…
  5. ·Capturing screen sizes, themes and tokens; writing the release summary…

Example output

Release 2.4.0 · component documentation

LiveReplaces 0.5–1 h of manual work per run, and uses 89–92% fewer AI credits than manual prompting

20–50 credits per run, against 180–600 by manual prompting (proof of concept estimate)

with the skill
A release section in the team’s presentation style: overview, anatomy, variants, states, tokens, accessibility, real layouts with callouts, and a release summary.
before
A designer wrote release docs for each component by hand, then copied every layout that used it and annotated it.
back to a designer
A designer edits the wording and approves the section before the design review.

Selected components · 4

Release 2.4.0 / Button / Cover

Sample DS / Release 2.4.0 / ButtonFrame 1 of 12

Button

Sample DS · Release 2.4.0Updated

Button

Loading state added; radius bound to radius.control.

StopsStart route

Release

2.4.0 · Oct 17, 2026

Library

Sample DS / Library

Layouts

3 examples

For

Design Review, Release Notes, UX Governance, engineering handoff

Cover

How I designed them

From a list of chores to tools the team trusts

  1. 01

    Find the repeated work

    WhyRelease docs, changelogs, audits, token binding and long engineering specs took hours every sprint.

    What I didI listed the routine jobs the design system team did by hand and picked the five with clear rules and the most hours.

    SoEach skill does one job, so its output can be checked against a known answer.

  2. 02

    Write the rules down

    WhyA model only follows rules it is given.

    What I didI wrote each skill as a precise prompt built on the design system’s own token tiers, naming and accessibility rules.

    SoOutputs use the system’s own names and limits, which makes them quick to review.

  3. 03

    Run it until it is consistent

    WhyA tool designers have to double-check saves no time.

    What I didI ran each skill many times against earlier sprint data and tightened the prompt until the output came out the same way every time.

    SoFour skills reached a stable output and went live; the UX brief skill is still being tuned.

  4. 04

    Design it with the users

    WhyThe skills had to fit how designers actually work.

    What I didI interviewed the designers, watched them use the skills and folded their feedback into each one.

    SoUncertain changes go back to a designer instead of being applied, which is what made the team trust it.

  5. 05

    Measure, then open it up

    WhyAdoption needs evidence.

    What I didIn a proof of concept, I measured manual effort against earlier sprint data and compared AI credits with doing the same job by manual prompting.

    SoWith numbers in hand, I shared the skills one audience at a time, from my own team to the global UX team.

8

design system designers use the skills, usually once a sprint

4 + 1

skills live, and one (the UX brief) in progress

16–32 h

of manual work replaced by one sprint audit run; 0.5 to 7 h for the others

60–92%

fewer AI credits than doing the same job by manual prompting, depending on the skill

Hours and credits are proof of concept estimates, measured against earlier sprint data.

How it spread

From my own team to Figma

I built the skills for the design system team. I then shared them one audience at a time, each step reaching more people than the last, until the work reached Figma itself.

  1. 01 · 8 designers

    Design system team

    I shared the skills with my own DSM team first. Designers started using them, and 8 design system designers use them today.

  2. 02 · About 50 people

    Core UX team, North America

    Next I shared them with the core UX team in North America. Everyone asked me for knowledge sharing, so I ran the sessions.

  3. 03 · Product design office

    North America AI team

    I was invited to the AI team set up across the whole North America product design office, as the ambassador from the UX team.

  4. 04 · About 160 people

    Global UX team

    Then I presented the project to the global UX team. The reactions were very positive.

  5. 05 · Next

    Trainings

    People now reach out to me for knowledge sharing and training on the project. I will start the trainings soon.

Decisions and lessons

Automation only helps if designers trust what it produces. Most of these calls are about trust: how narrow each skill is, where it works, and when it stops and asks a designer.

Key decisions

Decision 01

Five narrow specialists

Five narrow skills, one job each: release docs, changelogs, sprint audits, token binding and designer briefs.

result
Small prompts and checkable outputs, so failures are predictable and easy to fix.
instead of
One general chat assistant in Figma that could be asked anything.
trade-off
More skills to build and maintain, with some duplicated plumbing.
Decision 02

Work on the source, write back into Figma

Skills read components and variables straight from the library and write results back into Figma as frames, reports and bound variables.

result
Docs are generated from what shipped, so they can’t drift from the components.
instead of
Exporting data to a separate dashboard or document tool.
trade-off
Tighter coupling to the Figma APIs and their limits.
Decision 03

Confidence decides, humans approve

Skills apply only the changes they match with confidence and flag the rest for a designer.

result
What is applied automatically can be trusted, and designers spend their review time only on what is flagged.
instead of
Full automation that applies every suggestion.
trade-off
A lower automation rate: some work always comes back to a person.
Decision 04

The system’s rules are the context

Each skill gets the design system’s own rules: token architecture, brand themes and accessibility rules.

result
Output uses the system’s own names and limits, so it is quick to review.
instead of
Generic prompts that lean on the model’s general design knowledge.
trade-off
The rules must be written down precisely and kept current.

What I learned

Standardize before you scale

I ran each skill many times and tuned it until the output was the same every time. A tool designers have to double-check does not save them time.

Design the tool with the people who use it

I interviewed the designers and folded their feedback into each skill, so it fits how they actually work rather than how I assumed they did.

Adoption needs a story, not only a tool

A tool spreads when people see it work on their own kind of work. I shared the skills one audience at a time and ran knowledge sharing sessions when people asked. How it spread is below.