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)
- [Download PNG](png_url)
- [Edit in Canva](edit_url)

**Facebook Story** (1080×1920)
- [Download PNG](png_url)
- [Edit in Canva](edit_url)

**Instagram Post** (1080×1080)
- [Download PNG](png_url)
- [Edit in Canva](edit_url)

**Instagram Story** (1080×1920)
- [Download PNG](png_url)
- [Edit in Canva](edit_url)

**LinkedIn Post** (1200×627)
- [Download PNG](png_url)
- [Edit in Canva](edit_url)

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

canva-resize-for-all-social-media