Figma — Integration

Overview

Import frames and export assets from Figma into CanvasX. Map text and image layers to editable blocks.

Capabilities

• OAuth connection or personal access token

• Select file → page → frame(s); export as slices/assets

• Layer mapping: text → text blocks, images → image blocks

• Smart grouping into CanvasX sections/columns

1. 1

   Step 1

   Connect Figma in **Settings → Integrations → Figma**.

   Back to top
2. 2

   Step 2

   From the CanvasX **Import** menu, choose Figma and pick a frame.

   Back to top
3. 3

   Step 3

   Review the mapping summary and insert into the canvas.

   Back to top

Limitations

• Complex auto-layout constructs may flatten to images to preserve fidelity.

• Custom fonts must exist in CanvasX brand kit to map 1:1.

FAQs

Pricing