> ## Documentation Index
> Fetch the complete documentation index at: https://docs.qrdyai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Make Custom Frames in Canva with Frames Lab

> Create custom frames in Canva — grids, arcs, bursts, diagonal layouts, and frames from your own shapes — with the Frames Lab app, then drop in any photo or video.

Canva's built-in frames are limited to basic shapes. **Frames Lab** is a Canva app that lets you build frames exactly the way you want — grids, arcs, sunbursts, diagonal layouts, or a frame traced from your own shape — then drop any photo or video inside. Every frame auto-fits the design you're working in, so you never resize by hand.

<Frame caption="Frames Lab — Create, Explore, and Style tabs in Canva">
  <img src="https://mintcdn.com/qrdy/BSf3aEN2d3YowPE-/images/frames-lab/frames-lab-create-shape-mode.png?fit=max&auto=format&n=BSf3aEN2d3YowPE-&q=85&s=5005abcd68273d8bf3b36cc52a1ebce7" alt="Frames Lab Create tab in Canva showing the five create modes" width="704" height="1336" data-path="images/frames-lab/frames-lab-create-shape-mode.png" />
</Frame>

## What Frames Lab does

Frames Lab works in three tabs:

<CardGroup cols={3}>
  <Card title="Create" icon="wand-magic-sparkles">
    Build a new frame from five modes: Shape, Burst, Grid, Arc, and Diagonal.
  </Card>

  <Card title="Explore" icon="grid-2">
    Pick a ready-made frame from themed collections — no setup needed.
  </Card>

  <Card title="Style" icon="sparkles">
    Re-add a frame you just used with blur, border, or inner shadow effects.
  </Card>
</CardGroup>

## How to make a custom frame (Create tab)

Open **Apps** in Canva, search for **Frames Lab**, and open it. In the **Create** tab, pick a mode from the **Create mode** strip.

### Turn a shape into a frame

<Steps>
  <Step title="Add a shape to your design">
    From **Elements → Shapes** or **Graphics**, add any shape to your Canva page.
  </Step>

  <Step title="Recheck design">
    In Frames Lab, click **Recheck design** so the app detects your shape.
  </Step>

  <Step title="Add the frame">
    Click the detected frame to drop it into your design. Set a **border** color and weight first if you want one.
  </Step>
</Steps>

<Tip>
  Whenever you change a shape in your design, click **Recheck design** again so Frames Lab updates.
</Tip>

### Make a grid (collage) frame

<Frame caption="Grid mode — set columns, rows, and gap">
  <img src="https://mintcdn.com/qrdy/BSf3aEN2d3YowPE-/images/frames-lab/frames-lab-create-grid-mode.png?fit=max&auto=format&n=BSf3aEN2d3YowPE-&q=85&s=b63019de4dbd61c3fa8582a85bfc6965" alt="Frames Lab Grid mode showing grid dimensions and layout controls" width="700" height="1348" data-path="images/frames-lab/frames-lab-create-grid-mode.png" />
</Frame>

<Steps>
  <Step title="Choose Grid mode">
    Select **Grid** in the Create mode strip.
  </Step>

  <Step title="Set dimensions and layout">
    Adjust width and height, then set **columns, rows, and gap**. The preview updates live.
  </Step>

  <Step title="Add a wave (optional)">
    Open the **Wave effect** to make the grid lines curve, or use **Advanced options** for combined cells and corner rounding.
  </Step>

  <Step title="Add to design">
    Click **Add to design**, then drag a photo into each cell.
  </Step>
</Steps>

### Other Create modes

<CardGroup cols={2}>
  <Card title="Burst" icon="sun">
    Random sunburst/spark frames. Tune Style, Density, Size, Spread, and Distribution — results are random, so grab one you like.
  </Card>

  <Card title="Arc" icon="circle-half-stroke">
    A curved/arc frame. Set the **sweep angle** and start angle.
  </Card>

  <Card title="Diagonal" icon="grip-lines">
    Like Grid, but the strips run on an angle you control.
  </Card>

  <Card title="Shape" icon="shapes">
    Turn any shape already in your design into a frame.
  </Card>
</CardGroup>

## Use a ready-made frame (Explore tab)

If you don't want to configure anything, open **Explore** and click a frame from the themed collections (Trending, seasonal sets, and more). It drops straight into your design.

<Frame caption="Explore — ready-made frame collections by theme">
  <img src="https://mintcdn.com/qrdy/BSf3aEN2d3YowPE-/images/frames-lab/frames-lab-explore-collections.png?fit=max&auto=format&n=BSf3aEN2d3YowPE-&q=85&s=afdccb90f33fb50cc3045c747bb70768" alt="Explore tab in Frames Lab with themed frame collections" width="690" height="1348" data-path="images/frames-lab/frames-lab-explore-collections.png" />
</Frame>

## Add effects (Style tab)

Every frame you add is saved under **Last frames** in the **Style** tab. Re-add it with effects:

<Frame caption="Style tab — blur, border, and inner shadow">
  <img src="https://mintcdn.com/qrdy/BSf3aEN2d3YowPE-/images/frames-lab/frames-lab-style-tab-effects.png?fit=max&auto=format&n=BSf3aEN2d3YowPE-&q=85&s=cb190514d0d391bc18eec97eaeb87b47" alt="Style tab in Frames Lab with blur, border, and inner shadow controls" width="712" height="1332" data-path="images/frames-lab/frames-lab-style-tab-effects.png" />
</Frame>

* **Blur** — a soft glow behind the frame.
* **Border** — an outline that hugs the frame edge.
* **Inner shadow** — depth inside the frame.

Pick a color and strength for each, then click the frame to re-add it with the effects applied.

## Drop in your photo

After any frame is in your design, drag a photo or video onto it. The image snaps to the frame's shape and crops automatically — double-click to reposition it inside.

## Frequently asked questions

<AccordionGroup>
  <Accordion title="Is Frames Lab free?">
    Frames Lab has a free tier with a limit on how many frames you can add. Pro removes the limit.
  </Accordion>

  <Accordion title="Why doesn't my shape show up as a frame?">
    Make sure the shape was added from **Elements → Shapes/Graphics**, then click **Recheck design** so the app picks it up.
  </Accordion>

  <Accordion title="My grid won't add — what happened?">
    Very complex grids (too many cells or a strong wave) get blocked. Reduce the rows/columns or the wave strength and try again.
  </Accordion>
</AccordionGroup>
