How to Make Custom Frames in Canva

Introduction

In this tutorial, you'll learn how to create custom frames in Canva using Figma. This step-by-step guide will walk you through the process of designing frames, exporting SVG graphics from Canva, and converting them to frames in Figma. By the end, you'll be equipped to enhance your design projects with unique custom frames.

Step 1: Design Your Frame in Canva

1. Open Canva and create a new design.
2. Choose the dimensions for your frame based on your project needs.
3. Add elements to your design:
   • Use shapes, lines, and images to create the desired frame shape.
   • Adjust colors and styles to match your aesthetic.
4. Export your design:
   • Click on the Share button in the top right corner.
   • Select Download and choose the SVG format for high-quality output.

Step 2: Import SVG into Figma

1. Open Figma:
   • If you don’t have an account, sign up for free.
2. Create a new file:
   • Click on New File to start a fresh project.
3. Import the SVG file:
   • Drag and drop the SVG file you exported from Canva into your Figma workspace.
   • Alternatively, use the Import option in the menu.

Step 3: Convert SVG to Frame in Figma

1. Select the imported SVG:
   • Click on the SVG graphic to select it.
2. Convert to Frame:
   • Right-click on the graphic and choose Frame Selection from the context menu.
   • This will create a new frame that you can manipulate.
3. Adjust the frame size:
   • Use the handles around the frame to resize it as needed.

Step 4: Export Frame from Figma

1. Select the frame you just created.
2. Prepare for export:
   • In the right sidebar, scroll to the Export section.
   • Click on the + icon to add an export setting.
   • Choose the format you want, typically PNG or PDF for versatility.
3. Export the frame:
   • Click on the Export [Frame Name] button.
   • Save the file to your desired location.

Conclusion

You have successfully created custom frames in Canva and imported them into Figma for further manipulation. This process allows you to enhance your design projects with personalized frames. As a next step, consider experimenting with different shapes and styles in Canva or exploring more advanced features in Figma to expand your design skills. Happy designing!