Skip to main content
Note: This playbook is dense by design. It is meant to be built with, not skimmed once. Bookmark it, set it up, come back every time you need to ship faster. Need the whole system built and run for you? That is what DAS does — signal detection, creative strategy, paid media execution, retention and lifecycle, and performance optimization as a managed service. We build the whole loop, running continuously, with a team that owns the outcomes, not the deliverables. If you need more than 20 distinct creative concepts a month and your current process can’t deliver them, we should talk. amlan@madebydas.com
Note: Quick Start The Stack, content, and workflows in this guide is relevant for any operator producing more than 20 visual assets a month: LinkedIn content creators, agency owners, founders building a personal brand, and marketing teams who are eager to increase output velocity. For DTC and retail-brand operators: Read Parts 1-4 in full. Start with Workflow 1 or 5. For LinkedIn content creators and personal brands: Jump to Workflows 7, 11, 12, 13, and 15. For agency owners and brand managers: Start with Workflows 2, 8, 14, and 17. For those who are not in paid media: Parts 1, 2, and 6 will permanently change how you think about visual production. Everyone: Part 5 prompts are copy-paste ready. You can use them today without the full Figma setup.

​
Part 1: The Visual Production Bottleneck

Most marketers are still using AI exclusively for copywriting. They write faster. They brief faster. They produce more words per hour than ever before. And then they wait three days for a designer to turn those words into something a human being actually wants to look at. That bottleneck is expensive, and it just got permanently removed. The Math Was Already Broken Brands are routinely signing $50K+ agency retainers for basic design work. And those elite teams spend half their billed hours resizing ad variants, tweaking email headers, and swapping text on social cards. Premium talent should NOT be doing commodity labor. The platform data makes this worse.
  • Nielsen: Creative drives 56% of a campaign’s sales ROI
  • Meta: Creative quality accounts for 50% of campaign effectiveness
  • LinkedIn: Carousels get 303% more engagement than standard text posts
  • Comments are weighted 8x heavier than likes in the current algorithm
You cannot compete with limited visual assets anymore. You need visual velocity, and the old model can’t produce it at the speeds the feeds demand. What would take a team of three now takes two operators + AI workflows — a structural shift in how marketing teams can operate. Why Creative Became the Primary Lever Before you can understand why visual production volume matters more than it ever has, you must appreciate the eras of change: Era 1: Broadcast. One ad, mass audience. The constraint was cash; could you afford enough media to be seen? Era 2: Internet Advertising. Audience targeting arrived; behavioral data, demographics, interest pools, lookalikes. The constraint shifted to targeting skill — could you find the right audiences before your competitors? Era 3: AI-Powered Advertising (Now). The platforms no longer need you to “define” audiences. They serve personalized creative to individual users based on predicted preferences. The constraint is two fold: creative supply, and knowing your audience — the algorithm can only optimize from the options you give it.
If you can’t out-target the algorithm anymore, you’ll have to out-supply it. Different creative reaches different people. The variety of creative you produce is your targeting strategy.
What Does “Supply” Actually Mean in 2026? This is where most brands get it wrong. They hear “produce more creative” and start generating 100 variations of the same ad — same layout, swapped headline, different background color. Under Meta’s Andromeda retrieval system, those 100 variants register as a single entity in the auction, which means you’re only getting one “ticket” to the lottery, which means you get one “chance” to win. Andromeda rewards genuinely different creative concepts. A UGC testimonial, a studio product demo, a text-overlay motion graphic, and a lifestyle Reel each register as a distinct entity and each gets its own chance in the auction. What matters is maximizing distinct creative concepts, not raw variant count. 15-25 truly different concepts will outperform 100 minor variations of three concepts every time. How many distinct concepts you actually need, guided by and scales with, what you’re spending. Reference the breakdown below:
Monthly Ad SpendNew Creatives Needed
$10K-$25K3-4 per month
$25K-$50K1-2 per week
$50K-$100K3-5 per week (this spend-range is when creative testing + iteration must be prioritized within your advertising)
$100K-$500K15-20 per week (this spend-range requires greater volume of creative testing + iteration; roughly 10-40% of total spend should be allocated for testing)
$500K+25-50% of budget allocated to testing (At this range, it’s very difficult to have both quality and volume in creative, and these workflows will ensure new ideas and iterations are always incoming, while having different creative strategists/creative teams involved to keep rotations fresh)
A healthy account running at scale needs to produce 20-100 genuinely distinct creative concepts per month. Each one needs to look, sound, and feel different from the others. Volume without variety is wasted production — and that is the bottleneck. This guide solves for that. The Three Traps Keeping Your Visual Pipeline Slow 1. The Copy-Design Split: Your content workflow has two tracks running in parallel, but they don’t talk to each other. Copy is done in Claude or Google Docs. Design is done in Figma, Canva, or Photoshop. Every handoff between the two costs you a day. Multiply that by 50 assets a month and you’ve lost a week of production time that could have been eliminated entirely. 2. The Designer Constraint Even the best marketing teams are throttled by design bandwidth. You need genuine creative diversity to feed the algorithm. Your designer can reasonably produce 20 distinct concepts per month, which means you run the same creative longer than you should, frequency climbs, performance degrades, and you blame the algorithm. The actual constraint was upstream, in the handoff, not the platform. 3. The Context Gap When you brief a designer, you describe what you want. They interpret it. You revise. Two rounds of revision is the industry standard. That means every visual asset carries the cost of a misunderstanding. When Claude directs Figma directly, the brief and the execution happen in the same moment. The context gap closes.
An Important Distinction That Matters This is not about replacing creative directors, designers, or human taste. Your hero campaigns, your flagship product branding and positioning, your packaging: those still require a human mind, eyes, and direction. This is strictly about automating Tier 2 production: your daily ad variants, social cards, email headers, and carousel content. The high-volume, low-complexity assets that drain your budget and your team’s time. You build the master template once with human taste. The machine scales it infinitely with zero marginal cost.

​
Part 2: The Stack — Claude AI + Figma Console MCP

You need a brain and you need hands. Claude is the brain — It writes the copy, analyzes the data, and makes layout decisions. Figma is the hands — It executes the design, manipulates the pixels, and exports the files. The critical detail most people miss: you cannot use the official Figma MCP for this. The official Figma MCP is read-only. Read-only is useless for automated production. You need the Figma Console MCP built by Southleft. It is read-write. It actually builds and edits the files on your canvas.

​
Tool 1: Claude AI (Intelligence Layer)

Claude is your creative director, copywriter, and briefing engine in one. It takes your spoken or typed brief and converts it into precise, structured design instructions that Figma executes directly. Paired with Wispr Flow for voice input, you can speak a full design brief at 180 WPM instead of typing it at 40. The idea stays intact because you never lose it to keyboard fatigue. Paired with a CLAUDE.md file, your brand colors, type system, spacing rules, and tone load automatically into every session. Every output is on-brand by default; limited (or zero) briefing required.

​
Tool 2: Figma Console MCP by Southleft (Execution Layer)

The Southleft Figma Console MCP is a read-write Model Context Protocol server. It uses a secure WebSocket connection and a Desktop Bridge Plugin to give Claude direct programmatic access to your live Figma document. Claude is not generating a screenshot of a design. It is writing to your actual Figma file — placing components, updating text nodes, swapping fills, and exporting production-ready assets.
Note: This stack was not chosen randomly; we tested the alternatives and they broke under pressure.
The Setup: 10 Minutes, One Time You do not need to be a developer to configure this. You just need to follow instructions.
  1. Install Node.js 18 or higher on your local machine.
  2. Download and install the Figma Desktop application (not the browser version).
  3. Open Figma settings and generate a new Personal Access Token.
  4. Install your MCP client — Claude Desktop is the recommended starting point. Claude Code and Cursor also work.
  5. Clone the Southleft Figma Console MCP repository from GitHub.
  6. Open your terminal and run the standard install command from the repo readme.
  7. Input your Figma Personal Access Token when the terminal prompts you.
  8. Open Figma Desktop and install the Desktop Bridge Plugin from the Southleft repo.
  9. Connect Claude Desktop to the local server port provided in your terminal.
  10. Create a CLAUDE.md file in your project folder with your brand system. See Part 5, Prompt 7 for the exact template.
Your engine is now live and ready to receive commands.

​
Part 3: The 57 Tools — Your AI Design Command Center

The Southleft MCP gives Claude 57 specific capabilities inside Figma. Think of them as buttons on an industrial control panel. I have organized them into plain-English categories. You won’t need to memorize these, but you need to know exactly what each tool does. Navigation and Status
  1. Ping — Checks if Figma is awake and actively listening to Claude.
  2. Get Current File — Tells Claude exactly which file you have open.
  3. Get Selection — Shows Claude which specific element you just clicked on.
Console Debugging
  1. Read Logs — Pulls error codes if an automated build fails.
  2. Clear Logs — Wipes the slate clean for a fresh test.
  3. Set Log Level — Controls how much technical data Claude reports back to you.
Utility
  1. Export Node — Saves your finished design to your desktop as a PNG or PDF.
  2. Get Viewport — Tells Claude exactly what part of the canvas you are looking at.
Real-Time Tracking
  1. Watch Node — Monitors a specific design element for any manual changes.
  2. Unwatch Node — Stops monitoring that specific element.
  3. Get Watchers — Lists everything Claude is currently tracking in the background.
Design System Extraction
  1. Get Text Styles — Pulls all your brand fonts into a usable list.
  2. Get Color Styles — Extracts your exact brand HEX codes.
  3. Get Effect Styles — Grabs your exact shadow and blur settings.
  4. Get Grid Styles — Maps out your specific layout columns.
  5. Get Components — Finds every master template hidden in your file.
  6. Get Component Sets — Groups your variant templates together logically.
  7. Get Variables — Pulls your strict spacing and sizing rules.
  8. Get Variable Collections — Organizes your rules by specific themes.
  9. Export Design Tokens — Packages your brand rules for web developers.
Design System Kit
  1. Create Text Style — Builds a new reusable font rule for the team.
  2. Create Color Style — Saves a new brand color directly to your kit.
  3. Create Effect Style — Standardizes a new drop shadow across the file.
  4. Create Grid Style — Builds a new column layout template.
  5. Publish Styles — Pushes your new rules to the whole team library.
Design Creation
  1. Create Frame — Draws a new blank artboard on the canvas.
  2. Create Text — Drops a new text box onto the frame.
  3. Create Shape — Draws exact rectangles, circles, or lines.
Component Management
  1. Create Component — Turns a raw design into a master template.
  2. Create Instance — Drops a working copy of your template onto the canvas.
  3. Update Component — Changes the master template permanently.
  4. Detach Instance — Breaks the link between a copy and its master.
Variable Management
  1. Create Variable — Sets a strict numerical rule for future designs.
  2. Update Variable — Changes that specific numerical rule.
  3. Delete Variable — Removes the rule entirely from the system.
  4. Create Variable Collection — Builds a dedicated folder for your rules.
  5. Update Variable Collection — Renames or moves the folder.
  6. Delete Variable Collection — Trashes the folder completely.
  7. Bind Variable — Forces a design element to obey your specific rule.
  8. Unbind Variable — Frees the element from the strict rule.
  9. Get Bound Variables — Shows which rules are currently controlling an element.
  10. Set Variable Mode — Switches a design instantly from light mode to dark mode.
  11. Get Variable Modes — Lists all available theme options in the file.
Node Manipulation
  1. Update Node — Changes the physical size or position of an element.
  2. Delete Node — Deletes the element entirely from the canvas.
  3. Group Nodes — Bundles multiple loose items together.
  4. Ungroup Nodes — Breaks the bundle apart into individual pieces.
  5. Set Auto Layout — Forces elements to space themselves perfectly.
  6. Remove Auto Layout — Turns off the automatic spacing rules.
  7. Set Text Content — Injects your AI-written copy directly into the text box.
  8. Set Fill — Changes the background color or image of an element.
  9. Set Stroke — Adds a precise border to an element.
Comments
  1. Get Comments — Reads feedback notes left by your team members.
  2. Add Comment — Drops a new sticky note directly on the design.
  3. Resolve Comment — Marks the team feedback as completed.
Design-Code Parity
  1. Get CSS — Translates the visual design into clean website code.
  2. Copy SVG Code — Grabs the raw vector data for developer handoff.
The 7 Power Tools Marketers do not use all 57 tools daily, and you will spend 90% of your time using just seven of them.
Tool NameWhat It Actually Does For You
Get Current FileTells Claude exactly where to work so it doesn’t edit the wrong document.
Create InstanceDrops your approved master template onto the canvas for editing.
Set Text ContentInjects your freshly generated AI copy into the design automatically.
Update NodeResizes the text box perfectly if the new copy is slightly longer.
Set FillSwaps the background color or image instantly for rapid A/B testing.
Export NodeSaves the final, polished asset directly to your desktop folder.
Read LogsTells you exactly why a process failed so you can fix it immediately.

​
Part 4: 17 Visual Production Workflows

These are the systems that print money for operators, and they work across your entire marketing funnel. Workflows 1-10 are optimized for paid media and DTC operators. Workflows 11-17 are optimized for LinkedIn content, personal brand, and organic social. How to use these workflows Each workflow is a pre-written voice command. You speak it into Wispr Flow — or type it directly into Claude Cowork, and Claude executes it autonomously inside Figma. The “I” and “my” in each command are intentional. You are delegating to Claude in your voice, from your workspace. Commands referencing “my inbox folder” or “my CLAUDE.md” point to the folder structure you set up in Part 2. NOTE: If you haven’t set up the Figma Console MCP yet, the prompts in Part 5 work standalone — paste them into any Claude session and they’ll produce copy and briefs you can hand off to a designer.

​
1. The Ad Batch Builder

The most common production bottleneck in paid social is headline testing. You have five angles you want to try, but building five separate frames manually takes two hours and kills the momentum. This workflow builds all five in one pass.
  1. Claude opens your campaign Figma file and creates a new page for the batch.
  2. It builds five ad frames at the correct spec, applying your background color from CLAUDE.md.
  3. It pulls headline variations from your inbox folder and injects one into each frame.
  4. It places the product image, applies the brand CTA button component, and exports all five.
"Open my Figma campaign file. Create a new page called 'Meta Q2 Batch.'
Build 5 ad frames at 1080x1080. Use the dark navy background.
For each frame, use a different headline from the list in my inbox folder.
Place the product hero image in the top 60% of each frame.
Use the orange CTA button component. Label each CTA: 'Shop Now.'
Apply my brand type system throughout. Export all 5 as PNG at 2x.
Save them named: Meta_Q2_[Headline#]_1080.png"
LinkedIn carousels drive 303% more engagement than standard text posts. The format works beyond LinkedIn as well. The bottleneck is production — building five consistent, on-brand cards manually takes longer than writing the content that goes in them. This workflow closes that gap.
  1. Claude builds a five-card carousel structure with the correct frame dimensions.
  2. It pulls your hook from your CLAUDE.md hook library for Card 1.
  3. Cards 2-4 each receive one insight with a bold stat and supporting sentence.
  4. Card 5 is built as a CTA card with a save prompt, then all five are exported.
"Build a 5-card LinkedIn carousel in Figma. Frame size: 1080x1080.
Card 1: Title card. Use Hook #3 from my CLAUDE.md hook library.
Cards 2-4: Each gets one insight with a bold stat and one sentence.
Card 5: CTA card. Orange background with white 'Save this' prompt.
Apply my brand font system. Consistent padding: 64px all sides.
Export all 5 as PNG 2x. Name them: Carousel_LI_[1-5]_1080.png"

​
3. The A/B Variant Generator

Your top performer is the best brief you have. The fastest way to find the next winner is to isolate one variable at a time and test it against the control. This workflow takes your current winner and produces four structured test variants — one variable changed per frame, everything else held constant.
  1. Claude locates your top-performing frame on the Winners page.
  2. It creates a new test batch page and duplicates the frame four times.
  3. Each variant changes exactly one element: headline, layout, background color, or CTA size.
  4. All four variants plus the original control are exported and named for the media buyer.
"Take the top-performing ad frame on my 'Winners' page in Figma.
Create 4 variants on a new page called 'AB Test Batch.'
Variant 1: Same layout, swap headline to [NEW HEADLINE].
Variant 2: Move headline below the image. Product image full bleed top.
Variant 3: White background instead of dark. All other elements identical.
Variant 4: Remove subhead entirely. Increase CTA button size by 20%.
Export all 4 as PNG 2x."

​
4. The Seasonal Refresh Sprint

Every seasonal campaign requires the same work: pull up six templates, swap the background, update the copy, re-export everything. It is mindless labor at a designer’s hourly rate. This workflow does all six in a single pass without touching the component structure.
  1. Claude opens the Evergreen Templates page and identifies the six target frames.
  2. It swaps every dark navy background to the new seasonal color using Set Fill.
  3. It replaces season-specific copy across all frames using Set Text Content.
  4. All six are exported at their original specs with the seasonal prefix applied.
"Open my master brand asset file. Find the 'Evergreen Templates' page.
I need a spring refresh on 6 templates: hero banner, email header,
Instagram story, LinkedIn cover, product badge, and website popup.
Swap the dark navy backgrounds to spring sage green — #7A9E7E.
Replace any winter-specific copy with: 'Spring Collection Now Live.'
Keep all component placements, logo locks, and type styles identical.
Export all 6 at their required specs. Prefix: Spring2026_"

​
5. The Multi-Format Launch Pack

Every product launch needs the same five assets: feed post, story, paid ad, email header, site banner. Building them one at a time means inconsistent sizing, inconsistent copy, and a full day of production. This workflow builds the complete pack in one session.
  1. Claude creates a new page in your Figma file dedicated to the launch.
  2. It builds all five frames at the correct platform specs.
  3. It applies the launch color system and injects the primary message and CTA across all formats.
  4. All five are exported at their required specs and named by format.
"I have a product launch on Friday. I need the full visual asset pack.
Create a new page in my Figma file: 'Product Drop — [NAME].'
Build: Instagram post (1080x1080), story (1080x1920),
Meta feed ad (1200x628), email header (600x200), site banner (1440x160).
Product name: [NAME]. Primary message: 'Now Available.'
Use the launch color system from my CLAUDE.md: deep red on cream.
Apply all brand components. Export all 5 at required specs."

​
6. The Blog-to-Visual Converter

A blog post with five strong statistics in it is already five Instagram posts. The content exists — the conversion is the bottleneck. This workflow reads the document, extracts the most shareable data points, and builds the visual cards automatically.
  1. Claude reads the blog post from your inbox folder.
  2. It identifies the five most shareable statistics or insights.
  3. It builds five quote cards in Figma with the stat in large display type, alternating brand backgrounds.
  4. All five are exported and named for immediate posting.
"Read the blog post saved in my inbox folder: 'trend-report-q2.md.'
Extract the 5 most shareable statistics or insights from it.
Build 5 Instagram quote cards in Figma, 1080x1080.
Each card: one stat or insight in large display type, centered.
Backgrounds alternate between our cream and our navy.
Add logo mark bottom right on each.
Export all 5 as PNG 2x. Prefix: IGQuote_TrendReport_"
This is the standard LinkedIn PDF format. It drives the highest engagement of any post type on the platform. You use it to break down complex frameworks into bite-sized visual slides. The bottleneck is always the same: the thinking takes 20 minutes, the production takes two hours. This workflow collapses both.
  1. Build a master carousel template component in Figma.
  2. Feed Claude a raw, unformatted text post.
  3. Claude splits the text logically across 8 slides.
  4. Claude uses Create Instance to duplicate the master template 8 times.
  5. Claude uses Set Text Content to inject the copy into each slide automatically.
"Take this draft post. Use the Create Instance tool to generate
8 slides from my Carousel Master component.
Inject the copy using Set Text Content.
Ensure no text box overflows the safe zones.
Export as a single PDF for LinkedIn upload."

​
8. The Case Study Deck

A case study has a universal structure: problem, solution, result, proof. Every client win you have can be formatted into four slides. The value is in the specificity of the outcome — the production should be invisible. This workflow makes it invisible.
  1. Claude reads your raw client notes and extracts the core narrative.
  2. It maps the story into a strict four-slide framework.
  3. It populates each slide of the Case Study Carousel component set.
  4. The deck is exported as a PDF ready for LinkedIn or a sales conversation.
"Review the raw client notes below.
Extract the core narrative into a strict 4-slide visual framework.
Slide 1: The problem they faced.
Slide 2: The specific solution applied.
Slide 3: The hard metrics achieved.
Slide 4: A direct quote from the client.
Populate the Case Study Carousel component set.
Export as PDF."

​
9. The Campaign Ad Variant Matrix

Under Meta’s Andromeda retrieval system, 30 variants of the same concept register as one entity in the auction. What you need is genuine creative diversity — different formats, different hooks, different personas — each registering as a distinct creative in the system. This workflow builds 30 genuinely different ads, not 30 reskins.
  1. Claude builds a 3x5x2 matrix: three formats, five hooks, two personas.
  2. For each cell, it generates the headline, visual direction, and copy block.
  3. It builds each ad in Figma using the Master Ad component, one distinct concept per frame.
  4. All 30 are exported and named by format, hook, and persona for the media buyer.
"I need 30 ad variants for the [CAMPAIGN NAME] launch.
Do not create 30 versions of the same ad. I need genuine creative
diversity across three dimensions:
Format: static image, text-overlay, UGC-style, carousel card.
Hook: pain-point, aspiration, social proof, curiosity.
Persona: first-time buyer, lapsed customer, loyal advocate.
Build a matrix: 3 formats x 5 hooks x 2 personas.
For each cell, give me the headline, visual direction, and copy block.
Then build each ad in Figma using the Master Ad component.
Export all 30 as PNG 2x.
Name convention: Ad_[Format]_[Hook]_[Persona].png
Save the full matrix brief as campaign-variant-matrix.md"

​
10. The Performance Scorecard Visual

Weekly creative performance data sits in a CSV. Making sense of it — identifying what’s working, what’s leaking, what to kill — requires turning numbers into a visual that a media buyer or creative director can read in 30 seconds. This workflow builds that visual directly from the data.
  1. Claude reads your weekly performance CSV from the inbox folder.
  2. It identifies the top three performers by CTR and the bottom two.
  3. It builds a scorecard frame in Figma with a five-column layout and green/red indicators.
  4. The scorecard is exported as a PNG ready for a Monday morning review.
"Read the performance CSV in my inbox — this week's Meta creative data.
Identify the top 3 performers by CTR and the bottom 2.
Create a Figma frame at 1200x800 — a creative performance scorecard.
Layout: 5 columns. Each: creative label, CTR, CPM, green/red indicator.
Apply my data visualization style: dark background, data in white and orange.
Title: 'Creative Performance — Week of [DATE].'
Export as PNG 2x. Save as: Creative_Scorecard_[DATE].png"

​
11. The Lead Magnet Cover Builder

A lead magnet without a polished cover does not convert — the cover is the product in the moment of the click. Building one manually in Figma, adding a 3D mockup, exporting at spec, takes 45 minutes minimum. This workflow does it in under five.
  1. Claude updates the title and subtitle text nodes on your Lead Magnet Cover frame.
  2. It exports the flat cover as a high-resolution PNG.
  3. It applies that PNG as the fill for your 3D Mockup component.
  4. The final 3D mockup is exported and named for immediate use.
"Update the text nodes on the Lead Magnet Cover frame with:
Title: [TITLE]. Subtitle: [SUBTITLE].
Export the node as a high-resolution PNG.
Apply that exported PNG as the fill for the 3D Mockup component.
Export the final 3D mockup as PNG 2x.
Name: LeadMagnet_Cover_[TITLE]_3D.png"

​
12. The Profile/Page Banner Refresher

Your LinkedIn banner is the first brand impression on your profile. Most people set it once and forget it. The operators who use it as a rotating campaign asset — updating it for every launch, every content push, every new offer — get meaningfully more profile-to-connection conversion. This workflow makes the update take less than five minutes.
  1. Claude selects the Company Banner frame in your Figma file.
  2. It updates the headline text to the new campaign message.
  3. It swaps the background fill to the campaign color variable.
  4. It exports at the exact 1584x396 LinkedIn specification and names the file.
"Select the Company Banner frame.
Update the main headline text to: [NEW CAMPAIGN HEADLINE].
Change the background fill variable to: [CAMPAIGN COLOR VARIABLE].
Export the frame as PNG at the exact 1584x396 dimensions needed for LinkedIn.
Name: Banner_[CAMPAIGN NAME]_[DATE].png"

​
13. The Comment Magnet Batch

High-contrast stat cards are the most reliable comment-driving format on LinkedIn. One strong statistic, white text on dark background, portrait format. The problem is producing enough of them consistently without burning creative time on commodity work. This workflow produces five in one pass — a full month of this content type.
  1. Claude creates five instances of your Stat Magnet component in Figma.
  2. It injects one statistic per instance using Set Text Content.
  3. It checks contrast and frame dimensions across all five.
  4. All five are exported at portrait format and named sequentially.
"Create 5 instances of the Stat Magnet component.
For each instance, inject one statistic from the provided list
into the main text node.
Frame size: 1080x1350px. High contrast: white text on dark background.
Statistics to inject: [LIST OF 5 STATS].
Export all 5 nodes as PNG 2x.
Name: StatMagnet_[Stat#]_[DATE].png"

​
14. The Before/After Transformation Card

Before/after is the oldest persuasion structure in marketing because it works. A specific metric on the left, a specific outcome on the right, clear contrast between the two states. The difficulty is building the card cleanly so the contrast reads instantly. This workflow handles the production so you can focus on finding the right numbers.
  1. Claude selects the Split Screen Transformation frame in your Figma file.
  2. It injects the Before and After metrics into the correct text nodes.
  3. It updates the caption labels for context on both sides.
  4. It checks contrast ratios and exports at 2x.
"Select the Split Screen Transformation frame.
Inject the Before metric into the left text node: [BEFORE METRIC].
Inject the After metric into the right text node: [AFTER METRIC].
Update the Before label caption to: [BEFORE CONTEXT].
Update the After label caption to: [AFTER CONTEXT].
Check contrast on both sides to ensure readability.
Export the frame as PNG 2x.
Name: BeforeAfter_[SUBJECT]_[DATE].png"

​
15. The Process/Framework Diagram

Every operator has a proprietary process. Most of them live in a Google Doc or a slide deck that never gets seen. Turning a five-step framework into a visual diagram is the fastest way to make that thinking visible and shareable on LinkedIn. This workflow builds the diagram from the framework steps you provide.
  1. Claude creates five instances of your Process Node component.
  2. It injects the step name and description into each node using Set Text Content.
  3. It arranges all five inside the Auto-Layout Container and connects them with directional arrows.
  4. The diagram is exported as a PNG ready for posting.
"Use the Process Node component. Create 5 instances.
Fill them with the 5 steps of my framework:
Step 1: [STEP NAME + DESCRIPTION]
Step 2: [STEP NAME + DESCRIPTION]
Step 3: [STEP NAME + DESCRIPTION]
Step 4: [STEP NAME + DESCRIPTION]
Step 5: [STEP NAME + DESCRIPTION]
Ensure they sit cleanly inside the Auto-Layout Container frame.
Connect the nodes with directional arrows.
Export as PNG 2x. Name: Framework_[NAME]_[DATE].png"

​
16. The Data Visualization Post

Data posts outperform opinion posts by a wide margin on LinkedIn because they give people something concrete to share. The bottleneck is always the same: turning raw numbers into a clean visual takes design skill most operators don’t have time to deploy. This workflow handles the chart build automatically.
  1. Claude analyzes the dataset you provide and identifies the most surprising insight.
  2. It determines the correct chart type and updates the bar heights or data points in the Figma chart frame.
  3. It writes a five-word headline stating the insight plainly.
  4. It adds the methodology caption and exports the frame.
"Take this dataset: [PASTE DATA].
Update the heights of the 4 rectangles in the Bar Chart frame
to represent the exact percentages calculated from this data.
Update the data labels beneath each bar.
Write a 5-word headline that states the single most surprising insight.
Add the methodology caption: [SOURCE + DATE].
Export the frame as PNG 2x.
Name: DataViz_[TOPIC]_[DATE].png"

​
17. The Brand Kit Updater

When a brand color or typeface changes, every template in your Figma file needs to update. Done manually, this is a find-and-replace nightmare that takes hours and misses things. Done through Variables, it takes two minutes — because every element that references the variable updates automatically when the variable changes.
  1. Claude updates the Primary and Secondary color variables to the new HEX values.
  2. It updates the Heading and Body font variables.
  3. Changes propagate instantly across every frame and component that references those variables.
  4. Claude reports how many elements were updated so you can verify the scope.
"Update the Primary Brand Color variable to: [NEW HEX].
Update the Secondary Color variable to: [NEW HEX].
Update the Heading Font variable to: [NEW FONT].
Update the Body Font variable to: [NEW FONT].
Apply these changes across all Variable Collections.
Confirm how many frames and components were updated."

​
Part 5: 11 Copy-Paste Claude Prompts

Do not write prompts from scratch. Use these exact inputs to drive the engine. Copy them, paste them, and execute immediately.

​
Prompt 1: The Brand DNA Loader

You are operating as my AI design director inside Figma.
My brand system is as follows:

Primary color: [HEX]. Secondary: [HEX]. Accent: [HEX].
Background colors: [list]. Text colors: [list].
Primary typeface: [FONT]. Headings: [WEIGHT/SIZE]. Body: [WEIGHT/SIZE].
Logo: located in my Figma component library under 'Brand / Logo.'
Button style: use the 'CTA Button / Primary' component from the library.
Spacing: 8px base unit. Standard padding: 48px or 64px for ads.
Tone: [e.g., 'confident, direct, premium'].

Every design you create must use this system.
Do not improvise brand elements.
Confirm you have loaded this before accepting any design task.

​
Prompt 2: The Ad Frame Builder

Create a new Figma frame for a [PLATFORM] static ad.
Dimensions: [WIDTHxHEIGHT].
Campaign objective: [OBJECTIVE].
Target audience: [DESCRIPTION].
Headline: [HEADLINE TEXT].
Subhead (optional): [SUBHEAD TEXT].
CTA: [CTA TEXT] — use the primary CTA button component.
Product image: [FILE PATH or 'use the hero from the component library'].
Apply my full brand system. Prioritize [ELEMENT] as the dominant visual.
Export as PNG 2x. Name: [PLATFORM]_[CAMPAIGN]_[DATE].png

​
Prompt 3: The Variant Generator

Take the frame named [FRAME NAME] on the [PAGE NAME] page.
This is my current top performer. I need 4 test variants.
Create a new page: '[CAMPAIGN] — Test Batch [DATE].'
Variant A: Change only the headline to: [NEW HEADLINE].
Variant B: Change only the CTA copy to: [NEW CTA].
Variant C: Swap background color from [CURRENT] to [TEST COLOR].
Variant D: [LAYOUT CHANGE].
All other elements remain identical to the control.
Export all 4 plus the original control as PNG 2x.
Name: [CAMPAIGN]_Control.png, [CAMPAIGN]_VarA.png, etc.

Act as a direct-response copywriter.
Take the topic provided below.
Break it into exactly 8 slide concepts for a LinkedIn carousel.
Slide 1 must be a hook with a bold claim.
Slides 2-7 must each cover one actionable step.
Slide 8 must be a specific call to action.
Do not write final copy yet.
Just give me the structural outline.

​
Prompt 5: The Slide Copy Injector

Take the 8-slide outline we just agreed on.
Write exact micro-copy for each slide.
Keep sentences strictly under 8 words.
No filler.
Format as a strict JSON object.
Key each slide by number (e.g., "slide_1").
Include keys for "headline", "body_text", and "image_prompt".
This JSON will be injected directly into Figma via Set Text Content.

​
Prompt 6: The Multi-Format Launch Pack Brief

I have a [LAUNCH TYPE] launching on [DATE].
Build a complete visual asset pack on a new Figma page: '[LAUNCH NAME] Assets.'
Required formats: Instagram feed (1080x1080), Instagram story (1080x1920),
Meta feed ad (1200x628), email header (600x200), site banner (1440x160).
Master message: [PRIMARY HEADLINE].
Secondary line: [SUBHEAD].
CTA across all formats: [CTA TEXT].
Apply my full brand system.
Export all at 2x PNG. Name: [LAUNCH]_[FORMAT]_[SPEC].png

​
Prompt 7: The CLAUDE.md Design Block Template

## DESIGN SYSTEM — AUTO-LOAD FOR ALL FIGMA SESSIONS

Primary Brand Color: [HEX]
Secondary: [HEX] | Accent: [HEX] | Background: [HEX] | Dark: [HEX]

Typography:
  Display: [FONT] [WEIGHT] — headlines and hero text
  Body: [FONT] [WEIGHT] — subheads, body copy
  Labels: [FONT] [WEIGHT] — CTAs, captions, metadata

Spacing: 8px base unit. Ad padding: 48px mobile / 64px desktop.

Figma Component Library Location: [PROJECT NAME / PAGE NAME]
  CTA Button: 'Buttons / Primary CTA'
  Logo: 'Brand / Wordmark — [COLOR VARIANT]'
  Product Card: 'Cards / Product — Standard'

Export Rules: Always PNG at 2x unless otherwise specified.
File Naming: [BRAND]_[FORMAT]_[VARIANT]_[DATE]

DO NOT improvise colors or type outside this system.
DO NOT delete any existing layers — always work on duplicates.
DO NOT use stock or placeholder images — use brand assets only.

​
Prompt 8: The Brand Kit Definer

I am building a brand kit for [COMPANY TYPE] targeting [AUDIENCE].
The tone is [TONE DESCRIPTION].
Give me a strict visual rulebook.
Provide exactly 3 HEX codes (Primary, Secondary, Accent).
Provide 2 Google Fonts (Heading, Body).
Provide a strict spacing scale in pixels (e.g., 4, 8, 16, 32).
Output this as a list of Figma Variables to create,
formatted for direct input into the Variable Management tools.

​
Prompt 9: The Data Visualization Planner

Analyze the dataset provided below.
Identify the single most surprising or counterintuitive insight.
Tell me exactly which type of chart to build in Figma (Bar, Line, or Donut).
Write a 5-word headline that states the insight plainly — no jargon.
Write a 2-sentence caption explaining the methodology and data source.
Do not editorialize. State the data. Let the numbers make the argument.

​
Prompt 10: The Banner Copy Variations Generator

My current offer is [DESCRIBE YOUR OFFER].
I need 5 variations of copy for my LinkedIn profile banner.
Each variation must include:
- A main headline strictly under 6 words.
- A sub-headline stating the specific outcome the client gets.
- A call to action pointing to the link in my bio.
Focus entirely on time saved and capital preserved.
Output as a numbered list, ready to test as banner variants in Figma.

​
Prompt 11: The Campaign Ad Copy Generator

Review the campaign brief below.
Generate 10 distinct ad copy variations.
Matrix them across 2 angles: [ANGLE 1] and [ANGLE 2].
For each variation, provide:
- A 4-word image overlay headline.
- A 2-sentence primary text caption.
Output as a JSON array formatted for immediate Figma injection.
Each object should include keys: "overlay_headline", "primary_text", "angle".

Campaign brief: [PASTE BRIEF]

​
Part 6: The 20-Minute Weekly System

This is not a solo grind. It is a repeatable system any operator can run. You do not need to be a trained designer to execute this. You just need strict discipline and a calendar.

​
Monday: Signal to Brief (5 minutes)

Pull your weekly performance data from Meta or your analytics tool. Identify your top-performing creative format from last week. Note one format to scale and one angle to test. Load your Brand DNA Loader prompt. Write three lines: what you’re making, what message it carries, what it needs to do. That is your brief.

​
Tuesday-Wednesday: Production (10 minutes)

Use Prompt 2 to generate the primary asset for the week’s campaign. Use Prompt 3 on your existing top performer to produce 3-4 test variants. If you have a launch this week, run Prompt 6 while you’re already in the session. Export everything.

​
Thursday: Review + Deploy (5 minutes)

Run the 3-second scroll test. Check text legibility at mobile size. Upload to your ad manager or hand to your media buyer. Tag each creative by format, angle, and campaign.

​
Friday: Audit (passive)

Monitor comments. Note which formats are pulling engagement. Feed the data back into next Monday’s brief. Four weeks of this consistency will completely rewire your content operation. Four weeks of this consistency will completely rewire your account.

​
The 5 Rules for Visual Delegation

1. Always load Brand DNA first. Every session without it produces off-brand output. 2. One variable per variant. Test headline OR layout OR color — never two at once. 3. Use real component names, not descriptions. “The Primary CTA button component” — not “an orange button with rounded corners.” 4. Name files on export, not after. Build your naming convention into every prompt. 5. Run 5 assets per session, then stop. After 5 complex design tasks, context gets crowded. Fresh session for the next batch.

​
Part 7: Visual Specs Cheat Sheet

​
Meta

FormatDimensionsNotes
Feed — Square1080 x 1080 pxPrimary format for most campaigns
Feed — Landscape1200 x 628 pxLink previews and awareness
Feed — Portrait1080 x 1350 pxMax real estate in the feed
Story / Reels1080 x 1920 pxKeep top and bottom 250px clear
Carousel Card1080 x 1080 pxMust be consistent across all cards

​
LinkedIn

FormatDimensionsNotes
Carousel / PDF Slide1080 x 1350 px4:5 portrait gets max feed height
Single Image Post1200 x 628 pxStandard feed format
Single Image Portrait1080 x 1350 pxHigher engagement format
Profile Banner1584 x 396 pxUpdate for every new campaign
Company Cover1128 x 191 pxCenter-weighted safe zone
Profile Photo400 x 400 px—
Company Logo300 x 300 px—

​
TikTok

FormatDimensionsNotes
In-Feed Ad1080 x 1920 pxAvoid bottom 20% — UI overlaps
End Card1080 x 1920 pxCenter 60% for key message

​
Email

FormatDimensionsNotes
Header Banner600 x 200 pxLeft-align key content
Content Image600 x 400 pxStandard margins

​
Website

FormatDimensionsNotes
Hero Banner (Desktop)1440 x 560 pxCenter-safe zone: 800px wide
Site Popup600 x 500 pxKeep CTA above fold

​
Display Ads

FormatDimensionsNotes
Leaderboard728 x 90 pxMinimal text, clear CTA
Medium Rectangle300 x 250 pxBrand mark top-left or right
Half Page300 x 600 pxStrong visual, single message

​
Export Rules

  • LinkedIn carousels: PDF, max 100MB, 8-12 slides
  • LinkedIn single images: PNG, max 5MB
  • Meta ads: PNG, max 30MB
  • Email images: PNG, max 200KB
  • Never use JPG for text-heavy graphics
  • Always at 2x for retina clarity
  • Min font size for social legibility: 32px
  • Min contrast ratio: 4.5:1 for all text on backgrounds
  • Safe margin for PDF carousels: 60px minimum

​
Pre-Deploy Checklist

  1. File size under platform limit?
  2. Primary text readable at mobile size?
  3. Correct file format exported?
  4. CTA visible and clear?
  5. Brand components used — no improvised elements?
If yes on all five, deploy.

​
Recap

You have the complete framework now to run a visual production engine without a design bottleneck. You have the stack: Claude AI and the Southleft Figma Console MCP + the exact 10-step setup. You have the 57 tools mapped. You have 17 copy-paste workflows covering every visual production scenario: paid media, product launches, seasonal refreshes, LinkedIn carousels, personal brand assets, data visualization, lead magnets, and more. You have 11 prompts ready to deploy today. And you have the 20-minute weekly sprint that keeps your pipeline full without hiring, briefing, or waiting. The visual bottleneck was never about creativity. It was about handoffs. We just fixed that.
Note: Need the whole system built and run for you? This is what DAS does — signal detection, creative strategy, paid media execution, retention and lifecycle, and performance optimization as a managed service. We build the whole loop, running continuously, with a team that owns the outcomes that you will be proud of. If you need more than 20 distinct creative concepts a month and your current process can’t deliver them, we should talk. amlan@madebydas.com