WhoBuilt

Inside How Figma Builds AI Products

Apr 28, 2024· 36 min· 2.4K views·Watch on YouTube

Speaker

Yuhki Yamashita, Chief Product Officer at Figma, talks with Peter Yang on the Peter Yang channel about Figma’s product culture, building AI features for FigJam, and making design more accessible.

Partnering across product and design

Yamashita says PMs can give more useful design feedback by examining the constraints behind a design, such as a design system or technical feasibility. He encourages PMs to discuss users’ feelings, goals, and journeys, while designers can benefit from understanding PMs’ goals and tradeoffs. At Figma, craft shows up in attention to detail and a natural interest in improving the user experience; teams evaluate PMs on whether they set and meet meaningful goals, even when those goals are hard to measure.

Explaining the why and shaping FigJam

Yamashita recommends explaining a product’s rationale in a way that makes sense to someone outside the company, by tracing the chain of reasons behind the work and adapting the story to the audience. He describes FigJam’s origins in pandemic-era uses of Figma for meetings and social activities, including the observation that two-thirds of Figma’s weekly active users were non-designers. The team leaned into fun before FigJam’s 2021 beta, adding features such as cursor chat and reactions to make workplace collaboration more engaging.

Building AI around real workflow problems

A Figma AI hackathon produced Jambot, which lets people transform and iterate on sticky notes visually. Yamashita says the team also saw concrete FigJam needs: helping people start a meeting with a template, grouping brainstorm ideas into themes, and summarizing outcomes and next steps. PMs had to take ownership of output quality through trial and error with prompts, internal dogfooding, and feedback from alpha users. The launch bundled several features and was judged by whether people could facilitate meetings and get work done, with retention as a secondary signal.

Making design approachable and keeping a maker culture

Yamashita describes balancing power and simplicity by giving design system creators more control while making components easy for others to use; FigJam favors sensible defaults and contextual controls. He says non-designers can have a collaborative first experience by following a designer through a file, watching changes in real time, or commenting on a prototype. For learning, he recommends modifying an existing file and getting help from someone in it. At Figma, hiring makers and holding Maker Week, where people create product ideas or craft projects, helps preserve a hands-on culture as the company grows.

Takeaways

  • Give design feedback by identifying the constraints behind a choice before critiquing the choice itself.
  • Explain a product decision by tracing its reasons and adjusting the detail to the audience’s context.
  • Treat AI output quality as part of the product work: inspect inputs and outputs, iterate, and test with users.
  • Measure AI features by whether they help people complete real tasks, not just by repeat usage.
  • Help beginners start from a working example they can change, and make room for teams to build together.

Mentioned in this talk

Search inside this talk

What was claimed 10

  • built
    “That was the emergence of FigJam, which we brought into beta in 2021.”
    YouTube
    Verified4 sources· Talk, Job posting, Web· archived
  • role at
    Yuhki Yamashita is Chief Product Officer at Figma
    “Yuhki Yamashita, Chief Product Officer at Figma.”
    YouTube
    Unverified1 source· Talk
  • metric
    FigJam: Two-thirds of Figma's weekly active users were non-designers.
    “Two-thirds of our weekly active users are non-designers anyway.”
    YouTube
    Unverified1 source· Talk
  • launched
    Figma launched FigJam
    beta
    “We brought [FigJam] into beta in 2021.”
    YouTube
    Unverified1 source· Talk
  • feature
    FigJam: Supports lightweight reactions such as thumbs-up and emoting.
    “People have lightweight ways to interact: give a thumbs-up, emote, or whatever that might look like.”
    YouTube
    Unverified1 source· Talk
  • feature
    Jambot: Transforms sticky notes into rewrites, stories, or haikus and supports further iteration.
    “It can rewrite the sticky or turn it into an entire story or haiku.”
    YouTube
    Unverified1 source· Talk
  • feature
    FigJam: AI can generate meeting templates, cluster brainstorm ideas into themes, and summarize meetings.
    “What if it were easy to describe the kind of meeting I’m trying to run and get a template?”
    YouTube
    Unverified1 source· Talk
  • metric
    Figma: The PM team had around 30 or 40 PMs.
    “As the team has gotten bigger—around 30 or 40 PMs—I want to extract the key themes quickly.”
    YouTube
    Unverified1 source· Talk
Show all 10 facts

Related talks