Cartographer

Figma Embeds

Add Figma files directly to your cards. Paste a link and get a live, interactive design preview right inside your story map.

How It Works

Every card in Cartographer has a rich-text description editor. The toolbar includes a Figma button that lets you embed any Figma file, prototype, or design directly into the card.

  1. Open a card and click the Figma icon in the description toolbar.
  2. Paste a Figma URL into the input field and press Enter.
  3. A live, interactive embed appears inline. You can scroll, zoom, and navigate frames without leaving Cartographer.
A Cartographer card with a live Figma embed showing design frames

The embed updates automatically when the Figma file changes, so your cards always show the latest designs.

Paste to Embed

You can also paste a Figma URL directly into the card description editor. Cartographer detects the link and converts it into a live embed automatically. No toolbar click needed.

Supported URLs

Cartographer recognizes any standard Figma URL. The following formats are all supported:

TypeURL pattern
Design filesfigma.com/design/...
Classic filesfigma.com/file/...
Prototypesfigma.com/proto/...
FigJam boardsfigma.com/board/...

You can link to a specific frame or page by copying the URL while that frame is selected in Figma. The embed will open to exactly that view.

Lloyd HumphreysLearn more about CartographerBook a meeting with Lloyd →