Figma Skills

Markdown instruction sets that teach AI agents to handle repetitive design work in Figma. Drop a Skill in, and the agent follows a predefined sequence — no prompt engineering required.

01 /

Auto Layout Refactor

Walks an entire Figma page and converts every flat, absolutely-positioned frame into a proper auto-layout structure — in place, without breaking the design. Turns layers that were dragged into position into responsive, maintainable stacks.

Triggers on

this file has no auto-layout

auto-layout this page

clean up this old Figma file

Auto Layout

Figma

Claude

Cleanup

02/

Rename Layers

Batch-renames generic layers like Frame 1 and Rectangle 23 based on what they actually contain — in undoable batches, so control stays with you. Gives a messy layer panel clear, content-driven names in one pass.

Triggers on

rename all my layers

everything is called Frame 1

name my layers from their content

Naming

Layers

Batch

Claude

03 /

Accessibility Contrast Audit

Scores text and UI contrast against WCAG AA / AAA for every frame on a page, then writes a designed report with per-frame PASS / FAIL badges and click-to-jump links that take you straight to the issues that need fixing.

Triggers on

check the color contrast

run a WCAG contrast audit

which frames pass AA and AAA?

Accessibility

WCAG

Audit

Reporting

Create a free website with Framer, the website builder loved by startups, designers and agencies.