Claude Code + Figma + Magnific: Automate carousels with AI
In this video, I show how to orchestrate Claude Code, Figma, and Magnific to turn a blog post into an editable Instagram carousel using AI.
Read the full blog post here:
[PASTE BLOG LINK]
The idea isn't just to "create a design with AI," but to demonstrate a real workflow of creative automation: Claude Code interprets the blog content, reviews the Figma file, applies social media criteria, builds an editable carousel, creates a Space in Magnific, and generates images to accompany the slides.
The video also highlights the real-world challenges of the process: token consumption, credits burned by automated executions, overly ambitious prompts, readability issues, dark overlays on images, and the need for better task division.
This video is for designers, art directors, content creators, agencies, and teams who want to understand how to use AI agents to accelerate visual production without losing creative control.
CHAPTERS:
00:00 Setup: Claude Code, Figma, and Magnific
01:31 The agent reads the blog and social media guides
02:30 Claude Code analyzes the Figma file
03:00 Automatic creation of the editable carousel
03:45 Readability corrections and auto-layout
04:35 Creating the Space in Magnific
05:45 The problem: credits, tokens, and excessive automation
06:39 Why it's helpful to divide the process into parts
07:30 Using Magnific images within the carousel
08:10 Creating a new slide with a visual metaphor
09:11 What changes for designers, agencies, and creators
Tools mentioned:
Claude Code
Figma
Magnific
Magnific Spaces
Generative AI
Creative automation
Instagram carousels
#ClaudeCode #Figma #Magnific #ArtificialIntelligence #Automation #GraphicDesign #InstagramCarousels #BreakTheAlgorithm