AI Tools

Moda AI Design Agents with Deep Agents

Picture this: a marketer types 'LinkedIn carousel on Q3 wins' and boom—polished, on-brand slides appear. Moda's Deep Agents make it happen, juggling tools like a digital design orchestra.

Moda AI platform canvas with Design Agent sidebar generating branded slides

Key Takeaways

  • Moda's custom DSL abstracts layouts for LLMs, ditching pixel coords for relational smarts.
  • Deep Agents + LangSmith enable production-grade multi-agent design with full observability.
  • Triage and dynamic tools keep costs low while delivering visually coherent, brand-true outputs.

Moda’s Design Agent juggles 12-15 core tools at once, dynamically pulling in 30 more as needed.

That’s not hype. It’s the engine powering an AI-native platform that’s handing pro-level design to marketers, founders, salespeople—folks who’d otherwise stare blankly at Canva.

And here’s the electric part: it’s built on Deep Agents, a multi-agent setup that doesn’t just spit out cookie-cutter decks. It reasons, iterates, stays on-brand. Like giving your vague “make it pop” a PhD in visual hierarchy.

Look, visual design’s been AI’s kryptonite. Code gen? Easy—Flexbox hands models the layout Lego bricks. But slides? PDFs? Social graphics? We’re talking PowerPoint’s ancient XML swamp, all XY coordinates that fry LLM brains.

Moda cracked it. Their agents—Design, Research, Brand Kit—team up like a heist crew, each with a specialty, all traced via LangSmith for that production polish.

Why Visual Design Has Stumped AI Until Now?

PowerPoint’s spec? A 40-year relic bloated with absolute positions. LLMs choke on the math—“put the logo 247px from the left?” No thanks.

Most AI tools churn generic slop because they lean on that XML mess. Results? Every deck looks like it crawled from the same algorithm grave.

But Moda? They built a custom DSL—a clean abstraction layer. Think CSS Grid for canvases: describe flows, hierarchies, vibes. Not pixel-pushing drudgery.

“LLMs are not good at math. PowerPoint’s XML spec has a bunch of XY coordinates — that’s a fine representation of the data, but it’s not a great way for an LLM to describe where it wants things to live.” — Ravi Parikh, Co-Founder, Moda.app

Boom. That’s the unlock. LangSmith traces let them tweak context reps, spotting what bloats tokens, what sparks genius outputs.

It’s like the web dev revolution—raw tables to semantic HTML. Moda’s DSL? The Flexbox for design agents. My bold call: this sparks the next platform shift, where design becomes as agentic as code. Forget Canva’s drag-drop; we’re entering “describe and deploy.”

The Research Agent? Grabs your site content, structures it into a user file system. Brand Kit Agent? Sucks in colors, fonts, voice from URLs or uploads—zero manual fuss.

All on Deep Agents, save the Design Agent (still on legacy LangGraph, migration pending). Shared architecture: triage first, then skills-loaded loops, dynamic tools.

Triage—Haiku model, dirt cheap—sniffs the ask (deck? Carousel? Logo?), preps Markdown “skills” docs packed with best practices.

Skills inject as cached human messages. Agent pulls extras mid-flow if desperate. Smart.

How Does Moda’s Agent Loop Actually Work?

Request hits. Triage classifies, loads format skills—bam, cached prefix saves tokens.

Main loop: lightweight, context-smart. Canvas state? Rendered as DSL snapshot—compact, relational. No coord hell.

Tools? 12-15 always hot: add elements, tweak styles, query state. Need niche? Call RequestToolActivation—parse PPTs, whatever. Costs tokens, sure, but 95% stay core.

LangSmith everywhere. Traces reveal: which context chunk flips garbage to gold? Cache here, not there—latency plummets, costs crater.

And the wonder? It’s production-grade. Real-time sidebar like Cursor, but for vectors. Iterate live: “Make it punchier”—agent reflows, realigns, on-brand.

Non-designers thrive. That founder pitching VCs? Sales rep closing deals? Their PDFs, posts, brochures—pro without the pro.

But here’s my unique twist, the historical parallel no one’s yelling: remember 1984, Aldus PageMaker births desktop publishing? Designers democratized—anyone layouts newsletters.

Moda? 2024’s PageMaker, but agentic. Not just tools—thinking partners. Prediction: by 2026, 80% of social graphics agent-born. Hype? Nah, traces don’t lie.

Skeptical on corporate spin? Moda’s not fluffing “AI magic.” They nerd out on triage math, DSL hacks—real engineering. LangSmith proves it: ship fast, confident.

Context engineering’s the secret sauce. Dynamic loading—skills, tools—keeps loops lean. Per-user file systems? Persistent smarts across sessions.

Visual coherence? Brand accuracy? Not luck. Intentional: agents ground in your kit from turn zero.

Scale it. Small biz owners crank brochures sans Figma subscriptions. Marketers? Carousels that convert, not cringe.

Energy here feels like ‘95 web boom—sudden, visceral. AI’s not bolting on; it’s the canvas.

One punchy caveat: migrating Design Agent to Deep Agents? Watch that. Legacy loops work, but unification could turbo everything.

Still, Moda’s trailblazing. Deep Agents + LangSmith = agent heaven for visuals.

What’s Next for AI Design Agents?

Picture agents composing: Research feeds Brand Kit, both fueling Design. Multi-turn mastery—“tweak for Q4, edgier tone.”

Token math wins: caching breakpoints post-system, post-skills. Dynamic without waste.

My excitement? This model’s exportable. Web? Video? Agents everywhere, DSL-wrapped.

Platform shift, full steam.


🧬 Related Insights

Frequently Asked Questions

What is Moda AI and how does it work for non-designers? Moda’s an AI platform like Canva with a smart sidebar—type ideas, agents build editable vector designs. Perfect for marketers needing quick, pro slides or posts.

How do Deep Agents power Moda’s design system? Deep Agents run Research and Brand Kit, handling content pulls and brand ingestion. Design Agent eyes migration; all share triage-loops-tools for production quality.

Will AI design agents replace human designers? Not fully—agents excel at speed/on-brand basics, but pros refine nuance. Think amplifier, not replacer; non-designers gain superpowers.

Elena Vasquez
Written by

Senior editor and generalist covering the biggest stories with a sharp, skeptical eye.

Frequently asked questions

What is Moda AI and how does it work for non-designers?
Moda's an AI platform like Canva with a smart sidebar—type ideas, agents build editable vector designs. Perfect for marketers needing quick, pro slides or posts.
How do Deep Agents power Moda's design system?
Deep Agents run Research and Brand Kit, handling content pulls and brand ingestion. Design Agent eyes migration; all share triage-loops-tools for production quality.
Will AI design agents replace human designers?
Not fully—agents excel at speed/on-brand basics, but pros refine nuance. Think amplifier, not replacer; non-designers gain superpowers.

Worth sharing?

Get the best AI stories of the week in your inbox — no noise, no spam.

Originally reported by LangChain Blog

Stay in the loop

The week's most important stories from theAIcatchup, delivered once a week.