> ## 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.

# Frames Lab: The Complete Guide (Every Feature, Step by Step)

> The full Frames Lab guide for Canva — build frames with Shape, Burst, Grid, Arc, and Diagonal modes, pick ready-made frames in Explore, and add effects in Style. Every control, with screenshots.

**Frames Lab** is a Canva app for building frames exactly the way you want — grids, arcs, sunbursts, diagonal layouts, or a frame from your own shape — then dropping any photo or video inside. Frames auto-fit your design, so you never resize by hand. This guide covers **every feature**, step by step, with screenshots.

## The three tabs

<CardGroup cols={3}>
  <Card title="Create" icon="wand-magic-sparkles">
    Build a new frame from five modes.
  </Card>

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

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

Open the **Apps** panel in Canva, search **Frames Lab**, and launch it.

## Create tab — five modes

<Frame caption="The Create tab and its five modes">
  <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 showing Shape, Burst, Grid, Arc, and Diagonal modes" width="704" height="1336" data-path="images/frames-lab/frames-lab-create-shape-mode.png" />
</Frame>

### Shape — turn a shape into a frame

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

  <Step title="Recheck design">
    Click **Recheck design** so the app detects it.
  </Step>

  <Step title="Add the frame">
    Click the detected frame to place it. Set a **border** first if you want one.
  </Step>
</Steps>

<Tip>
  Whenever you change a shape in your design, click **Recheck design** again to update.
</Tip>

### Burst — random sunburst frames

<Frame caption="Burst mode — random spark/sunburst frames">
  <img src="https://mintcdn.com/qrdy/BSf3aEN2d3YowPE-/images/frames-lab/frames-lab-create-burst-mode.png?fit=max&auto=format&n=BSf3aEN2d3YowPE-&q=85&s=0e4a3ca4673018ae71a3fb340273e97f" alt="Frames Lab Burst mode with random preview and style controls" width="704" height="1330" data-path="images/frames-lab/frames-lab-create-burst-mode.png" />
</Frame>

Burst generates random sunburst/spark frames. Tune them with the controls, and grab one you like — results are random, so each change makes new previews.

<Frame caption="Burst style options">
  <img src="https://mintcdn.com/qrdy/BSf3aEN2d3YowPE-/images/frames-lab/frames-lab-burst-style-options.png?fit=max&auto=format&n=BSf3aEN2d3YowPE-&q=85&s=f6936bbd9ae98003bb42be61914d5f9f" alt="Burst style dropdown with Bubble, Splash, Radial, Droplet, Spark, Leaf" width="714" height="1360" data-path="images/frames-lab/frames-lab-burst-style-options.png" />
</Frame>

<Frame caption="The full set of Burst controls">
  <img src="https://mintcdn.com/qrdy/BSf3aEN2d3YowPE-/images/frames-lab/frames-lab-burst-controls.png?fit=max&auto=format&n=BSf3aEN2d3YowPE-&q=85&s=4691649c6db4b2bdf1687cd8dfa21e33" alt="Burst controls: Style, Density, Size, Spread, Variation, Distribution, Preview items" width="718" height="1366" data-path="images/frames-lab/frames-lab-burst-controls.png" />
</Frame>

Controls: **Style** (Spark, Bubble, Splash, Radial, Droplet, Leaf…), **Density**, **Size**, **Spread**, **Variation** (Clean/Natural/Wild), **Distribution** (Burst/Ring/Spiral/Scatter), and **Preview items**.

### Grid — collage frames

<Frame caption="Grid mode — dimensions and layout">
  <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 with grid dimensions and column/row/gap controls" width="700" height="1348" data-path="images/frames-lab/frames-lab-create-grid-mode.png" />
</Frame>

<Steps>
  <Step title="Set dimensions">
    Adjust the grid **width** and **height**.
  </Step>

  <Step title="Set the layout">
    Choose **columns, rows, and gap**. The preview updates live.
  </Step>

  <Step title="Add a wave and advanced options">
    Open **Wave effect** to curve the lines, or **Advanced options** for combined cells and corner radius.
  </Step>

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

<Frame caption="Grid wave effect and advanced options">
  <img src="https://mintcdn.com/qrdy/BSf3aEN2d3YowPE-/images/frames-lab/frames-lab-grid-advanced-wave.png?fit=max&auto=format&n=BSf3aEN2d3YowPE-&q=85&s=9b6a2bde401a4f766e2ff16403d775c6" alt="Grid wave effect with speed and height, plus combine cells and corner radius" width="702" height="1344" data-path="images/frames-lab/frames-lab-grid-advanced-wave.png" />
</Frame>

<Note>
  Very complex grids (too many cells or a strong wave) get blocked — reduce the rows/columns or wave strength.
</Note>

### Arc — curved frames

<Frame caption="Arc mode — set the sweep angle">
  <img src="https://mintcdn.com/qrdy/BSf3aEN2d3YowPE-/images/frames-lab/frames-lab-create-arc-mode.png?fit=max&auto=format&n=BSf3aEN2d3YowPE-&q=85&s=eb1489cb8a89b5425d143f1db89eaa2b" alt="Frames Lab Arc mode with sweep angle control" width="702" height="1344" data-path="images/frames-lab/frames-lab-create-arc-mode.png" />
</Frame>

Set the **sweep angle** (how much of the arc, in degrees) and the **start angle**, add a border if you want, and click **Add to design**.

### Diagonal — angled grid

<Frame caption="Diagonal mode — strips on an angle">
  <img src="https://mintcdn.com/qrdy/BSf3aEN2d3YowPE-/images/frames-lab/frames-lab-create-diagonal-mode.png?fit=max&auto=format&n=BSf3aEN2d3YowPE-&q=85&s=f89caa496b0f48a0210e495fcb079895" alt="Frames Lab Diagonal mode preview with diagonal strips" width="700" height="1346" data-path="images/frames-lab/frames-lab-create-diagonal-mode.png" />
</Frame>

Like Grid, but the strips run on an angle you control (spacing, gap, and angle), plus the same wave and advanced options.

## Explore tab — ready-made frames

<Frame caption="Explore — themed frame collections">
  <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 with themed frame collections like Trending and seasonal sets" width="690" height="1348" data-path="images/frames-lab/frames-lab-explore-collections.png" />
</Frame>

Open **Explore** and click any frame from the themed collections (Trending, seasonal sets, and more) to drop it straight into your design — no setup needed.

## Style tab — add effects

<Frame caption="Style — blur, border, and inner shadow on your last frames">
  <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 with Last frames and blur, border, inner shadow controls" width="712" height="1332" data-path="images/frames-lab/frames-lab-style-tab-effects.png" />
</Frame>

Every frame you add is saved under **Last frames** in the **Style** tab. Set **Blur**, **Border**, and/or **Inner shadow** (each with a color and strength), then click a 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 — it crops to the frame's shape automatically. Double-click to reposition inside.

## Free vs Pro

The free tier limits how many frames you can add; when you hit the limit, the app invites you to upgrade (the link opens qrdynamic.xyz in a new tab). Pro removes the limit. **More Qrdy** and **Need help** at the bottom link to other apps and support.

## Frequently asked questions

<AccordionGroup>
  <Accordion title="Why doesn't my shape show up as a frame?">
    Add the shape from **Elements → Shapes/Graphics**, then click **Recheck design**.
  </Accordion>

  <Accordion title="My grid or diagonal won't add">
    It's too complex — reduce rows/columns or the wave strength and try again.
  </Accordion>

  <Accordion title="My burst looks different every time">
    Burst is fully random. When you see one you like, add it right away — changing a control regenerates the previews.
  </Accordion>
</AccordionGroup>

<Card title="Open Frames Lab in Canva" icon="shapes" href="https://qrdynamic.xyz/frameslab-in-canva" horizontal>
  Build grids, arcs, bursts, and custom frames in Canva.
</Card>
