Claude to Figma,
in 2 simple steps.

Real frames and editable text, not a flattened picture of a design.

Start free
  1. 01

    Paste it into Hyperplane

    Copy the HTML Claude gave you and paste it onto a plane.

  2. 02

    Copy to Figma

    Right click, paste. Real frames, editable text.

Claude returning a design as an HTML artifact, and the same design open in Figma with editable layers

See it in action.

The whole path from a Claude HTML artifact to an editable Figma file, in real time and without a plugin.

Examples

Don't take our word for it. Open these in Figma.

Every one of these was made in Claude and turned into a design by Hyperplane.

1440
768
390
Swellbound landing page at three widths

Landing page, multiple breakpoints

1440 · 768 · 390
Open in Figma

Get started now.

Start free