Canva Resize for Social Media
Automatically resize a single Canva design into multiple social media formats and export all versions as high-quality PNG images with direct download links.
Overview
This skill enables rapid multi-platform content distribution by taking a single Canva design and creating optimized versions for:
-
Facebook post
-
Facebook story
-
Instagram post
-
Instagram story
-
LinkedIn post
All resized versions are automatically exported as high-quality PNG images with direct download links and Canva edit links provided.
Workflow
Step 1: Identify the Source Design
Determine which Canva design the user wants to resize. This can be provided in three ways:
Direct design ID: User provides a design ID (starts with "D")
-
Example: "resize design DABcd1234ef for all social media"
-
Use the design ID directly with get-design tool to retrieve design information
Direct design URL: User provides a Canva design link
-
Example: "resize https://www.canva.com/design/DABcd1234ef/... for all social media"
-
Extract the design ID from the URL (the part after /design/ and before the next / or query parameter)
-
Use the extracted design ID with get-design tool
Search by design name: Use search-designs tool with the design name as the query
-
Example: "resize my Demo Brand Template: Brix&Hart Flyer design for all social media"
-
Use the exact name/phrase the user provides as the search query
-
If multiple matches are found, present options and ask the user to select one
Current context: If the user just created or edited a design in the conversation, use that design ID
Implementation note: When searching by name, pass the design name directly to search-designs as the query parameter. The tool will find the best match based on the design title.
Step 2: Retrieve Source Design Information
Use the get-design tool with the design ID to:
-
Confirm the design exists and is accessible
-
Get the design title (for naming resized versions)
-
Verify design type compatibility
Step 3: Resize to All Social Media Formats
Execute the resize operations in parallel by calling the resize-design tool once for each target format. Use these exact specifications:
Required formats and dimensions:
Facebook Post: 1200 × 630 pixels (custom)
design_type: { type: "custom", width: 1200, height: 630 }
Facebook Story: 1080 × 1920 pixels (custom)
design_type: { type: "custom", width: 1080, height: 1920 }
Instagram Post: 1080 × 1080 pixels (custom)
design_type: { type: "custom", width: 1080, height: 1080 }
Instagram Story: 1080 × 1920 pixels (custom)
design_type: { type: "custom", width: 1080, height: 1920 }
LinkedIn Post: 1200 × 627 pixels (custom)
design_type: { type: "custom", width: 1200, height: 627 }
Note: Facebook Story and Instagram Story have identical dimensions. Create both versions but inform the user they're the same size.
Error handling: If a resize operation fails, continue with remaining formats and report which formats succeeded and which failed at the end.
Step 4: Export All Resized Designs as PNGs
For each successfully resized design from Step 3:
-
Use the export-design tool with the resized design ID
-
Set format type to png with export quality pro : format: { type: "png", export_quality: "pro" }
-
Collect the download URLs for all exported PNG files
Batch the export calls to execute them efficiently.
Step 5: Present Results with Download Links
Present comprehensive results to the user:
Provide the user with a summary including:
-
Summary: Confirm which formats were created successfully
-
PNG download links: Direct download links for each exported PNG
-
Design edit links: Canva editor URLs for each resized design so users can make further edits
-
Note about duplicates: Mention that Facebook Story and Instagram Story have identical dimensions
Presentation format example:
✅ Successfully resized your design for all social media platforms!
Individual PNG Downloads & Edit Links:
Facebook Post (1200×630)
Facebook Story (1080×1920)
Instagram Post (1080×1080)
Instagram Story (1080×1920)
LinkedIn Post (1200×627)
Note: Facebook Story and Instagram Story use the same dimensions (1080×1920).
Implementation details:
-
PNG download links come from the export-design tool response
-
Design edit links come from the resize-design tool response (use the urls.edit_url field from each resized design)
-
Present links as clickable URLs, not just plain text
-
Organize by platform for easy scanning
Key Implementation Notes
-
Parallel execution: Resize and export operations should be performed in parallel for efficiency
-
PNG export: Always export as PNG with pro quality for best image quality
-
Direct download links: Provide users with direct PNG download links (do not attempt to download files server-side or create zip files, as network restrictions prevent this)
-
Consistent naming: Use the source design title with platform suffix for resized designs
-
Error resilience: If any operation fails, complete the remaining operations and clearly report what succeeded/failed
-
User confirmation: Do not require user approval between steps - execute the full workflow automatically unless errors occur
-
Format accuracy: Always use the exact pixel dimensions specified above for each platform