Back to rankings

Figma: Library Guidelines and Code Sources Teach Agents Your Design System

FigmaView original changelog

Figma added guidelines for published libraries and code sources so AI agents build with a team's actual design system. Guidelines are in open beta, and code sources, which import from a GitHub repository or npm package, are in closed beta. Both are slated for all paid plans, and Figma also previewed a centralized design system hub.

Key Takeaways

  • Library guidelines let teams tell agents which patterns to follow in published libraries, now in open beta.
  • Code sources import from a GitHub repo or npm package so agents build components that match real code, currently in closed beta.
  • Both features are planned for all paid plans.
  • A previewed centralized design system hub would unify the libraries that make up a system.
  • The hub's system map tracks changes and dependencies, while system check flags gaps like missing descriptions and interactive states.
  • Together these updates push toward agents that respect an existing design system rather than inventing new patterns.

Making Agents Follow the System

At Config India on October 15, 2026, Figma announced two design system updates aimed at agents that generate and edit work on the canvas: guidelines and code sources.

Guidelines

Teams can now attach guidelines to published libraries so agents follow established patterns instead of guessing. Guidelines are in open beta.

Code Sources

Code sources let teams import code from a GitHub repository or an npm package. Agents can then build and edit components and code layers that match the system as it exists in code. Code sources are in closed beta. Both features will be available on all paid plans.

Preview: Centralized Design System Hub

Figma also previewed a single place to bring together the libraries that make up a design system and manage them. It includes a system map, which tracks changes and dependencies across libraries, and a system check, which scans for gaps such as missing component descriptions and interactive states. Figma has not specified availability for the hub.

Why It Matters

As agents take on more of the work of building screens, consistency depends on how well they understand the system. Written guidelines and real code as inputs give agents both the rules and the implementation.