Class Action

AboutClass Action turns any frame into a reusable style class, like CSS or Tailwind utilities, but native to Figma. Save dimensions, auto layout, fills, strokes, effects, variables, and more, then apply them to one frame or many with a single click.

Build design token libraries, UI kits, and layout templates inside your file. Keep variables, color tokens, and style references intact so classes stay connected to your system, not flattened copies.

What you can doSave and reuse frame styles across your fileOrganize classes into collections (compose or replace modes)Build Tailwind-style utility sets and component stylesScope which properties apply per class (e.g. only padding, only fills)Apply to multiple frames at once with Apply Global (Premium)Import / export class libraries to share or back up (Premium)Cloud Sync, push and pull your library across devices with the same license (Premium)Search, reorder, and manage large libraries without slowing downIdeal for design systems, UI kits, template libraries, and teams who want Tailwind-like consistency without leaving Figma.

Free: up to 5 classes per collection, 3 collections, single-frame apply.

Premium: unlimited classes & collections, batch apply, import/export, cloud sync, templates, and advanced library management.

Works in light and dark Figma themes. Built for large files with variables, components, and many frames.