Figma, with AI

Member lesson

Styles and variables, set once

Lesson 3 of 10 in Figma, with AI.

Checked against the makers' documentation on 26 September 2026.

Figma tutorial: Intro to variables · Figma
Lesson

Every brand job starts with the same few decisions about colour, type sizes and spacing. A file that types them onto each layer by hand has made each of those decisions forty times, once per frame, and forty is where the mistakes live. Styles and variables let you make them once. Then everything else points at them.

A blue paint pot with a dial is linked by dotted strings to a ring of small screens with blue buttons, and a second ring shows all the buttons turned orange at once.
One colour pot is wired to every screen in a file. Change the pot once and every screen changes with it, instead of each one being repainted by hand.
Member

The rest of this is for members.

You have read the opening of this lesson. The rest of it comes with a membership.

One membership covers all four courses and Brands.

  • All lessons in the four Learn courses
  • All brand breakdowns in the Brands section
  • All quizzes, flashcards and crosswords
  • An AI teacher on every lesson, for up to 60 questions a day
  • All course material published during the membership

Price

Membership is from $12 a month on the Yearly plan, which is charged at $144 once a year. Lifetime access is $59, paid once.Membership is from ₹200 a month on the Yearly plan, which is charged at ₹2,400 + GST once a year. Lifetime access is ₹3,999 + GST, paid once.

Check what stuck

Members only

You can't take this check yet.

Members answer these 3 questions and keep the ticket for this lesson. Every lesson has one.

  1. Question 1, locked

    Which of these words means this? “One named value, such as a colour or a number, that layers and styles can point at.”

    • Bulk create
    • Section
    • Variable
    • Auto layout
  2. Question 2, locked

    Which of these words means this? “Another set of values for the same variables. Light and dark, or English and Welsh.”

    • Weave tool
    • Mode
    • Figma Make
    • Lock position
  3. Question 3, locked

    Which of these words means this? “A variable that points at another. Brand green becomes the colour of every button.”

    • Grid flow
    • Instance
    • Alias
    • Full seat

Elsewhere in the library

Hear about new courses.

Leave an email and we will tell you when something new lands. We do not write often.