Builds and cleans Figma frames for product designers: library components, CSS-style autolayout, pixel-accurate spacing from inspected properties. Keeps the Figma file as source of truth when work moves toward code.

What it does

  • Builds and cleans Figma frames for product designers: library components, CSS-style autolayout, pixel-accurate spacing from inspected properties
  • Keeps the Figma file as source of truth when work moves toward code

In the creator’s own words.

1What you’ll need

  • A Bot account, or the Bot app on your phone
  • Your Figma account, which the description mentions

From the bot’s share page and description.

Avoid sharing passwords, keys or private personal data.

2Set it up

Summary from the bot’s share page:

  1. Open Framecraft’s share page with Open in Bot.
  2. Add Framecraft in Bot.
  3. Start a chat with Framecraft, then review what it produces and check any factual claims.

3Use it

Open in Bot ↗