What it does
Figma Pro reads the actual Figma document – auto-layout, structure, colors and text styles – not a screenshot. Frames are pulled into a local library with a 2x render and their real design tokens, so nothing depends on Figma being reachable later. When you are ready, an AI agent turns a frame into a native page using the builder your site runs: Etch, Bricks, Elementor, Kadence, Oxygen, or core blocks. Read-only against Figma, and every build lands as a draft.
Key capabilities
Reads the real design
Node tree, auto-layout and text styles – never a flattened screenshot.
Real design tokens
Color palette and type ramp extracted from the frame itself.
Pull once, build many
Frames are cached locally, so one pull can become several pages.
Any page builder
Etch, Bricks, Elementor, Kadence, Oxygen – or core blocks as a fallback.
Read-only by design
NIBWP can never modify anything in your Figma files.
Drafts, never live pages
Output is always a draft for you to review.
How it works
Connect Figma
A read-only access token takes about two minutes.
Pull a design
One frame, a whole file, or an entire team – cached as image plus tokens.
Ask the agent
Refer to a frame by its handle, in plain language.
Review the draft
NIBWP picks your builder and saves a draft. Nothing live is touched.
AI abilities
| Tool | Type | What it does |
|---|---|---|
| nibwp/figma-pull | write | Pull a Figma frame into the local library with its image and tokens. |
| nibwp/figma-list | read | List every frame already pulled. |
| nibwp/figma-get | read | Get one frame: cached image, palette, type ramp and structure. |
| nibwp/figma-pro-fetch | read | Return builder-neutral markup plus tokens for a frame. |
| nibwp/figma-pro-analyze | read | Report the structure of a frame without building anything. |
| nibwp/figma-pro-detect-builder | read | Report which page builder this site can build with. |
| nibwp/figma-pro-convert | write | Build a pulled design as a draft with the active builder. |