Rectangular photos get boring fast. Learning how to use frames in Canva lets you crop images into circles, stars, letters, and dozens of other shapes with a single drag-and-drop action.
Frames act as visual containers. They hold photos or videos inside custom outlines, adding style without complex editing software.
This guide walks you through accessing the frame library, inserting media, adjusting positioning, and customizing borders. Six steps total, about five minutes of your time.
By the end, you’ll create polished layouts for social media posts, presentations, and marketing materials using Canva’s built-in design elements.
How to Use Frames in Canva
Using frames in Canva is the process of adding shape-based placeholders that hold images or videos inside custom outlines. These design elements work like containers, letting you crop photos into circles, stars, letters, device mockups, and dozens of other shapes.
Users need this feature when creating social media graphics, presentations, collages, or any layout requiring stylized image placement.
This guide covers 6 steps. Time required: 3-5 minutes. Skill level: beginner.
If you’re new to this graphic design tool, frames are one of the first features worth learning. They transform basic rectangular photos into polished visual content without any advanced editing skills.
Prerequisites
Before starting, make sure you have:
- Canva account (Free or Pro, both work)
- Web browser, desktop app, or mobile app
- An image or video file (optional since Canva’s stock library works too)
That’s it. No design experience needed.
Step One: How Do You Access the Frames Feature in Canva?
Open your design in the Canva editor and locate the Elements panel on the left sidebar. Type “Frames” in the search bar or scroll down to find the Frames section, then click “See all” to browse the complete frame library with categories like basic shapes, device mockups, and film strips.
Action
- Path: Elements > Search bar > Type “Frames”
- Alternative: Elements > Scroll to Frames section > See all
- Result: Frame library displays organized by category
Purpose
The Elements panel contains all of Canva’s visual assets. Accessing it first gives you the full range of frame shapes, from simple circles to complex letter frames and polaroid styles.
Step Two: How Do You Select and Add a Frame to Your Design?
Click once on any frame thumbnail to add it directly to your canvas, or drag the frame from the panel and drop it at your preferred position. The frame appears with a placeholder graphic (usually a gray pattern with an X) indicating it’s ready to receive media content.
Action
- Single click: Frame appears center of canvas
- Drag and drop: Frame lands where you release it
- Result: Empty frame with placeholder icon visible
Purpose
Adding the frame first lets you plan your layout before committing to specific images.
Think of it like placing picture holders on a wall. You decide where things go, then fill them in. This approach works well for templates you’ll reuse, like promotional flyers or social media posts.
Step Three: How Do You Insert an Image or Video Into the Frame?
Navigate to Uploads or Photos in the left panel, find your media, then drag it directly over the frame until you see a blue highlight. Release the mouse and the image automatically snaps into the frame shape, cropping itself to fit the container’s outline.
Action
- For uploads: Uploads > Select image > Drag over frame
- For stock photos: Elements > Photos > Drag over frame
- Result: Media snaps into shape automatically
Purpose
The snap-to-fit behavior saves time compared to manual image cropping.
Canva’s Smart Crop feature even attempts to center faces and key subjects within the frame. Works with both photos and videos, though video frames add more file size to your final export.
Step Four: How Do You Adjust the Image Position Inside the Frame?
Double-click the frame to enter edit mode, then drag the image to reposition it within the frame boundaries. Use the corner handles to resize the photo inside without changing the frame’s outer shape, and click anywhere outside the frame to exit editing.
Action
- Double-click: Activates image editing inside frame
- Drag image: Repositions photo within boundaries
- Corner handles: Scale image up or down inside frame
- Click outside: Exits edit mode, locks position
Purpose
The default crop isn’t always perfect. Maybe a face gets cut off, or the focal point sits in the wrong spot.
This step gives you control over what shows inside the shape. Understanding framing in graphic design helps you make better cropping decisions.
Step Five: How Do You Resize and Reposition the Frame Itself?
Single-click the frame to select it (white handles appear on corners), drag corner handles to resize while maintaining aspect ratio, and drag the frame body to move it anywhere on the canvas. The rotate handle beneath the frame allows angle adjustments.
Action
- Corner handles: Resize frame proportionally
- Drag body: Move frame to new position
- Rotate handle: Spin frame to any angle
Purpose
Proper alignment makes designs look intentional. Moving and scaling frames lets you build layouts with better visual hierarchy.
Step Six: How Do You Customize the Frame Border and Style?
Select the frame and access the toolbar above the canvas to find Stroke color, Stroke style, and Corner rounding options. Adjust the stroke weight from 1-100 pixels, pick a border color, and soften edges with the corner rounding slider for a polished look.
Action
- Stroke color: Toolbar > Stroke color > Pick shade
- Stroke weight: Toolbar > Stroke style > Set 1-100 px
- Corner rounding: Toolbar > Corner rounding > Drag slider
Purpose
Borders add definition and style. A thin black stroke creates clean separation; thick colored borders make frames pop against busy backgrounds.
Consider your color palette when choosing stroke colors. Match them to your brand or let them contrast for emphasis.
Verification
Check these points to confirm everything worked:
- Image displays fully inside the frame shape
- No placeholder graphic visible (gray X pattern gone)
- Frame border appears if you added one
- Position and size match your layout intentions
Use the Preview button (eye icon) to see your design without the editor interface. Zoom to 100% for accurate sizing.
Troubleshooting
Issue: Image Does Not Snap Into Frame
Solution: Drag the image directly over the frame center until a blue highlight appears. If no highlight shows, the element might be a shape, not a frame. Delete it and search specifically for “Frames” in Elements.
Issue: Frame Border Not Appearing
Solution: Select the frame (not the image inside), then check Toolbar > Stroke style. Set weight to at least 2 px. Some frame types don’t support borders; basic shapes work best.
Issue: Cannot Find Specific Frame Shape
Solution: Try different search terms: “circle frame,” “phone mockup,” “letter A frame.” Browse categories under See all. Some shapes require Canva Pro (marked with crown icon).
Frame Types in Canva
The Canva frame library organizes options into several categories:
- Basic shapes: Circles, squares, triangles, hexagons, stars
- Device mockups: Phone screens, laptop displays, tablets, monitors
- Film frames: Polaroid style, film strips, vintage photo borders
- Paper frames: Torn edges, notebook paper, sticky notes
- Letter frames: Alphabet shapes A-Z for monogram effects
Device mockups work great when you need to create realistic product previews showing app screens or website designs.
Frames vs. Grids in Canva
Frames hold one image per shape. Grids hold multiple images in a structured layout.
- Frames: Single image, custom shapes, adjustable borders
- Grids: Multiple images, rectangular cells, fixed spacing
Use frames when you need creative shapes or outlined images. Use grids when building photo collages or gallery layouts with uniform spacing.
Next Steps
Now that you know the basics, explore these related techniques:
- Create custom frames using the Frame Maker app (Apps > Frame Maker)
- Combine multiple frames with grouping for easier repositioning
- Apply frames to video content for animated designs
- Build presentations using device mockup frames for screenshots
FAQ on How To Use Frames In Canva
What Are Frames in Canva Used For?
Frames are shape-based containers that hold images or videos inside custom outlines. They let you crop photos into circles, stars, device mockups, and letter shapes without manual editing. Perfect for social media graphics, collages, and branded visual content.
How Do I Find Frames in Canva?
Open the Elements panel on the left sidebar. Type “Frames” in the search bar or scroll down to the Frames section. Click “See all” to browse categories including basic shapes, film frames, and paper styles.
Can I Use Frames in Canva Free?
Yes. Most frames work with free accounts. Some premium options display a crown icon, requiring Canva Pro access. The basic shapes, many device mockups, and standard photo frames are all available without upgrading.
How Do I Put a Picture in a Frame?
Drag your image from Uploads or Photos directly over the frame. Release when you see a blue highlight. The photo automatically snaps into the frame shape. Double-click to adjust positioning inside the container.
What Is the Difference Between Frames and Grids?
Frames hold one image per shape and support custom outlines like circles or letters. Grids hold multiple images in rectangular cells with uniform spacing. Use frames for creative shapes; use grids for photo collages.
Can I Resize the Image Inside a Frame?
Double-click the frame to enter edit mode. Drag corner handles to scale the image larger or smaller within the frame boundaries. The frame shape stays fixed while the photo inside adjusts. Click outside to exit.
How Do I Add a Border to a Frame?
Select the frame and look at the toolbar above the canvas. Click Stroke color to pick a shade, then adjust Stroke style to set border weight between 1-100 pixels. Corner rounding softens edges if needed.
Can I Use Videos in Canva Frames?
Yes. Drag video files over frames the same way you add photos. The video crops to the frame shape automatically. Useful for creating video presentations or animated social media posts with shaped clips.
Why Won’t My Image Snap Into the Frame?
Make sure you’re dragging over an actual frame, not a regular shape. Frames show a placeholder graphic with an X pattern when empty. Shapes look similar but don’t accept dropped images. Search “Frames” specifically in Elements.
Can I Create Custom Frames in Canva?
Yes. Use the Frame Maker app found under Apps in the left panel. It lets you draw custom shapes on a grid that become functional frames. You can also remove backgrounds from images to create unique masks.
Conclusion
Knowing how to use frames in Canva opens up creative possibilities that basic image placement can’t match. You’ve learned to access the frame library, insert media, adjust positioning, customize borders, and troubleshoot common issues.
The technique works across all project types. Instagram posts, YouTube thumbnails, flyers, device mockups, photo collages.
Frames give your layouts a polished, professional edge without requiring advanced web design or photo editing skills.
Start with basic circle and square frames. Once comfortable, explore letter frames, film strips, and the Frame Maker app for custom shapes.
The drag-and-drop workflow takes minutes to learn. Your designs will look noticeably better for it.
Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.
His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.
He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.
- What Is an Oblique Font and When Should You Use It? - 1 August 2026
- Anime AI Video Generator: How to Choose the Right Tool for Character Animation - 31 July 2026
- The Bolt Logo History, Colors, Font, And Meaning - 30 July 2026
Bogdan Sandu is a seasoned designer who has been designing websites since 2008. Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients. His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8. He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.
You Might Also Like
