onepersonco.ai
Sign in
CLASSIFIED

Personnel file · PRO-192 · Productivity desk

Figma Autolayout Flattener

deployed 0 times Standard ✓ cleared handler @johnbai works with Figma

Lifts every redaction and copies the full instructions. Paste into Grok, Claude, or ChatGPT.

How to use it

  1. DECLASSIFY & COPY. The full instructions land on your clipboard.
  2. Paste as the system prompt, or as the first message, in Grok, Claude, or ChatGPT.
  3. Give it your task in plain words. Answer its questions.
  4. Read the never-line before it acts for you.
Operating instructionsplain text
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.

Same desk · Productivity