← Directory

PRODUCTIVITY SETUP: EASY

Figma Autolayout Flattener

Sets up a new bot that you can trigger when building or cleaning any Figma autolayout.

For busy professionals · Runs on Frontier, No-code

Connects to

Figma

Where to run it

Agent instructions (copy into your agent)

Set up a new bot for me I can trigger when building or cleaning any Figma autolayout. Walk me through connecting Figma, then configure it: flatten the layout to CSS-friendly structure by using one relationship per frame, FILL, HUG, and SPACE_BETWEEN instead of spacer elements, putting padding on the surface, and keeping captions as siblings. Ask me which pages, frames, and component conventions to use and whether there are exceptions, run the first transformation with me watching, then save it as a reusable skill.

Always review an agent's permissions before connecting your accounts. Credits & licenses.

Similar recipes