Pattern #34 · Tools and integrations

Figma Make after Config 2026: what changed and what to check

Fidelity is opt-in. Bring your design system, or the model builds a plausible stranger.

Track Bfigma-makemake-kitsdesign-systemsnpmprototyping

Verified as of 2026-09-29

Do

Wire your design system into a Make kit: the npm package, library variables, and guidelines. Let Make draft the guidelines, then review them yourself.

Don't

Don't judge fidelity from a build assembled by auto-install, from whatever package versions the model picked that morning.

The rule. Treat Figma Make's default output as a sketch of somebody else's product: fidelity to yours starts when you wire the design system into a Make kit (the npm package, library variables and styles, and guidelines).

Why. Make kits exist so teams can build designs and prototypes "realistic to how your product looks and functions without having to add code and style context from scratch," and a kit carries three things: npm packages, variables and styles from published libraries, and guidelines that teach Make how to use them (Figma, n.d.-a). A design system package puts "fully interactive, production-ready components directly in prototypes," and Figma calls the guidelines "critical" for reliable output, recommending you let Make generate them and then review the result (Figma, n.d.-b). Config 2026 itself said little about Make and pushed from the other side instead: code layers, in closed beta, "bring working code into the Figma canvas as a new kind of layer" (Figma, 2026). The prototype-to-production gap is closing from both ends, which makes an unbranded Make build easier to mistake for the real thing.

Seen in the wild. Figma now lets any paid plan "publish private design system packages and use them in Figma Make," so a company's components reach the model without ever touching the public registry (Figma, n.d.-b).

Verified as of 2026-09-29 against current Figma Learn documentation.

References

  1. 01

    Figma. (2026). What's new from Config 2026. Figma Learn. Retrieved September 29, 2026, from https://help.figma.com/hc/en-us/articles/39582753756695-What-s-new-from-Config-2026

    https://help.figma.com/hc/en-us/articles/39582753756695-What-s-new-from-Config-2026
  2. 02

    Figma. (n.d.-a). Get started with Make kits. Figma Learn. Retrieved September 29, 2026, from https://help.figma.com/hc/en-us/articles/39241689698839-Get-started-with-Make-kits

    https://help.figma.com/hc/en-us/articles/39241689698839-Get-started-with-Make-kits
  3. 03

    Figma. (n.d.-b). Use your design system package in Make kits. Figma Learn. Retrieved September 29, 2026, from https://help.figma.com/hc/en-us/articles/35946832653975-Use-your-design-system-package-in-Make-kits

    https://help.figma.com/hc/en-us/articles/35946832653975-Use-your-design-system-package-in-Make-kits
  4. 04

    Figma. (n.d.-c). Working with npm. Figma Learn. Retrieved September 29, 2026, from https://help.figma.com/hc/en-us/articles/43601939953431-Working-with-npm

    https://help.figma.com/hc/en-us/articles/43601939953431-Working-with-npm