learn-ai-design-with-phoebe / Leader session 3 of 6
Learn AI Design with Phoebe · Leader track · Session 3 of 6

The tool and workflow map

Every vendor demo shows you a screen appearing out of a sentence. None of them tell you the thing you actually need to decide a purchase: what artifact lands on your side at the end, and whether your pipeline can accept it. Tonight we map five prompt-to-UI tools onto a real design pipeline, then read the gates that decide whether adoption is even possible in your org: seats, credits, training defaults, indemnity scope. Every number on this page comes from vendor documentation, with the contradictions named rather than smoothed over.

🟡 Leader track Design · brand · creative leads Buy, adopt or ignore 45 min
0-3 · Welcome 3-16 · What each tool actually outputs 16-34 · Seats, credits, training defaults 34-45 · Rights, indemnity, decision frame
Part 1 · the only question that matters

What artifact does it produce, and where does that artifact land? 12 min live

Tool evaluations go wrong because leaders compare demos. Demos are all impressive and all interchangeable. The question that separates a purchase from a toy is boring and answerable: at the end of the session, what exists, and can the next person in your pipeline pick it up? A hosted URL is not a handoff. A pile of React is not a design system. A beautiful page you cannot export is a destination, not a stage. Here is the same five tools, described by output rather than by promise, from their own documentation.

ToolWhat it actually producesWhere that landsThe honest limit
v0 (Vercel) Production Next.js / React / TypeScript / Tailwind / shadcn code, one-click deploy, optional Supabase, Neon or Upstash backend, REST API Dev handoff and production. Once GitHub is connected, the repo becomes the source of truth The moment code is the source of truth, design files are documentation. Decide that deliberately
Lovable A full-stack app with a hosted URL, exportable as a zip or via Git sync. New apps from 2026-05-13 use TanStack Start with SSR; older ones React plus Vite Production for small and internal apps. Genuinely exportable, which is rarer than it sounds Priced by credits, with unlimited workspace members. Exportable does not mean maintainable by your team
Framer AI Editable native Framer pages and components, published as a Framer site Marketing and CMS site. A destination, not a handoff No documented code export. Plans are per-site with a workspace-shared credit pool
Claude Artifacts A single self-contained React, HTML or SVG page. No backend. Outside data only through MCP connectors Concept prototype, interactive spec, stakeholder demo Nothing ships from here. That is the point, and it is a legitimate reason to use it
Figma Make A working prototype plus a downloadable code zip, a one-way GitHub push, a *.figma.site publish, and paste-back into Figma as layers In-Figma prototyping, with two bridges out Both bridges are lossy. GitHub push is one-way: edit in GitHub and those changes are overwritten on the next push. Pasted-back layers are not automatically tied to your design system
TOOL / OUTPUT Explore Draft UI Design system Handoff Ship / host v0 (Vercel) React / Next.js code supported core output v0 skills repo is truth deploys Lovable full-stack app supported core output no system model zip or Git sync hosted URL Framer AI native Framer pages supported core output Framer only no code export Framer site Claude Artifacts self-contained page core output core output none spec, not code no backend Figma Make prototype + code zip core output core output not your system one-way, lossy figma.site core output supported thin or absent dead end Ask what artifact it produces and where that lands. No exit from the tool's own canvas is a destination. A red cell is not a bad tool. It is a tool for exploring, and it should be priced and staffed as one.
🔍 Click to zoom - five tools mapped onto the pipeline, by output rather than by promise
LiveThe four sentences to say in a vendor call4 min▶

Skip the demo. Ask these, and write the answers down, because you will need them again at renewal:

  • "Show me the export." Not the preview. The zip, the repo, the file. If there is no documented export, you are buying a destination and should staff it as a channel, not as a stage.
  • "Which direction does the sync run?" Figma Make's GitHub push is one-way by documentation: edits made in GitHub do not come back and are overwritten on the next push. That single sentence decides who owns the code.
  • "Does the output arrive tied to our design system?" Figma's own docs say pasted-back Make layers are not automatically tied to your design system. v0 handles this differently, through a stored "skill" adapter that names where your components, props and tokens live.
  • "What does one real task cost in your metering unit?" Not the plan price. The per-task cost, at your team's volume. Part 2 is entirely about this.
Self-studyFree-tier gates that quietly decide your pilot3 min read▶

Pilots fail on gates, not on capability. From the vendors' own documentation:

  • v0 Free is 7 messages per day, and Figma import needs a paid plan. A seven-message ceiling is not a pilot, it is a taste test.
  • Lovable prices by credits but allows unlimited workspace members, which inverts the usual seat maths: you can invite the whole team and still be constrained by throughput.
  • Framer plans are per-site with a workspace-shared credit pool. Two sites, two plans, one pool of generation.
  • Figma Make code editing needs a Full seat on a paid plan. Starter plans do not include Figma AI at all.

Write the gate next to each tool on your shortlist before you write the price. Half the shortlist usually disqualifies itself.

Part 2 · whether adoption is even possible

Seats, credits and training defaults 16 min live

Capability is not the constraint any more. Metering is. Every major vendor has moved to a credit model, and credits are per seat, per month, mostly without rollover and mostly not shareable. That turns a design decision into a capacity-planning decision, and it is the part of the purchase most design leaders discover after signing. Below are the gates as documented, per vendor, with the numbers that actually bind.

LiveFigma - seats first, then credits6 min▶

The seat gate. Figma AI features generally require a Full seat on a paid plan. View, Collab and Dev seats can try them in Draft files. Starter plans do not include Figma AI. If your extended team sits on Starter or on View seats, the rollout you are imagining does not exist yet.

The credit gate. AI credits are the real constraint. They renew monthly, do not roll over, and are not shareable.

PlanCredits per Full seat / monthNote
Starter500With a 150 per day cap. Starter does not include Figma AI
Professional3,000Content training defaults on
Organization3,500Content training off and not toggleable
Enterprise4,250Content training off and not toggleable
Dev / Collab / View500Same on all plans

What things cost. Zero-credit features: AI search and Rename layers. Sample documented costs: remove background 1 to 5, vectorize 2 to 5, boost resolution 5 to 10, Make image 2 to 16, Add interactions 20, and Figma Make at 30 to 100 or more per task. Pay-as-you-go is $0.03 per credit with a spend cap. Features in beta consume 0 credits, which is the cheapest window you will get and also the least stable one.

Do the arithmetic out loud. A Professional Full seat gets 3,000 credits. At 100 credits per Figma Make task, that is roughly 30 Make tasks a month for that person, before a single image edit. Say that number in the meeting where someone proposes "everyone prototypes in Make now".

LiveFigma - the current feature names, so you stop buying last year's roadmap3 min▶

Names change faster than procurement cycles, and asking for a retired feature makes you easy to sell to. As of the verification date:

  • First Draft is the current name. It is not "Make Design". "AI text suggestions" is retired.
  • Figma agent (beta from 2026-05-20) is becoming the entry point for First Draft functionality. Config 2026 additions in open beta: custom skills, web search, file attachments, verified partner MCP connectors.
  • Figma Make reached GA on 2026-07-24, with publishing still in beta.
  • Figma Motion, custom shader effects, generative plugins and Weave tools are in open beta. Code layers are in closed beta.
  • Other current features: Rename layers, Replace content, Add interactions, rewrite / translate / shorten, Adjust tone, Make image, Edit image with prompt, Remove background, Expand image, Isolate or erase object, Vectorize image, Boost resolution, AI search.
  • Figma Make's model picker names Gemini, Claude and GPT models. The default is deliberately unnamed and documented as something that "may change over time" - worth knowing if you have a model-approval process.
LiveAdobe, Canva, Midjourney - the gates that bind5 min▶

Adobe. Firefly Image Model 5 is generally available, with native 4MP generation, and it powers Prompt to Edit. Firefly Audio and Speech models are in public beta; Firefly Custom Models went public beta in March 2026 and are private by default; Firefly Boards has been GA worldwide since 2025-09-24. Firefly now hosts 30 or more partner models (Google, Runway, Kling, OpenAI, Black Forest Labs, ElevenLabs, Topaz, Moonvalley) alongside Adobe's own. In the apps: Photoshop has Generative Fill, Generative Expand, Remove Tool, Harmonize and Reference Image for Generative Fill, all GA at 2K output, with a model picker that includes partner models; Illustrator has Generative Recolor, Generative Shape Fill and Text to Pattern / Generate Patterns. Generative credits renew monthly and most standard features cost 1 credit per generation, while premium features cost far more - and partner-model output is billed as premium. That last sentence is both a cost fact and a rights fact, which is why it comes back in Part 3.

Canva. The naming has moved from "Magic" to Canva AI. Still-current Magic names: Magic Media, Magic Write, Magic Grab, Magic Video, Magic Edit, Magic Design, Magic Resize. "Magic Switch" is no longer a help-centre feature - its functions are documented as Magic Resize, Translate and Transform into Doc, so if your enablement deck says Magic Switch, it is out of date. Free versus paid is now one shared credit pool across three quality tiers (Standard, Premium, Ultra) rather than per-feature counts: Free gets 200 Standard or 20 Premium and no Ultra; Pro and Teams 2,000 / 200 / 20; Business and Enterprise 4,000 / 400 / 40. Credits are per member and never pooled. Magic Resize is metered and not available on Free. Canva Teams is closed to new sign-ups, so the ladder you are actually buying is Free, Pro, Business, Enterprise.

Midjourney. V8.2 is the current default (since 2026-07-24). Plans meter fast GPU hours: Basic $10 (3.3 fast GPU hours, roughly 200 minutes, no Relax), Standard $30 (15 hours plus unlimited Relax), Pro $60 (30 hours, Stealth), Mega $120 (60 hours, Stealth). Fast time does not roll over. Commercial terms are the same across tiers except that companies grossing over $1M USD per year must be on Pro or Mega. If your company is over that line, the $10 plan is not a cheap pilot, it is a licence breach.

Self-studyDesign-system automation has a harder gate than any of these3 min read▶

If your plan is "AI generates screens from our tokens", one documented limit decides your architecture: the Figma variables REST API is Enterprise-only - you need a Full seat in an Enterprise org. Below Enterprise, the only token route is selection-scoped get_variable_defs through the Figma MCP server (remote https://mcp.figma.com/mcp, or desktop http://127.0.0.1:3845/mcp). That is a per-selection read, not a systems integration.

One more date for the calendar: Figma Code Connect framework-specific parsers lose updates and support from 2026-08-17, after which template files are the only maintained path. Code Connect itself needs a Dev or Full seat on Organization or Enterprise. Designer session b6 works through all of this at the practitioner level; you need it here only to size the programme honestly.

Part 3 · three things to read before adopting

Commercial safety, indemnity and the training default 11 min live

There are exactly three passages you must read in a vendor's own words before you let a tool touch client work. Not a summary, not the sales sheet: the vendor's documentation, on the day you sign. Each one has a carve-out that matters more than the headline.

Live1 · The commercial-safety claim, and what it excludes4 min▶

Adobe's own framing for the first Firefly model is that it was trained on Adobe Stock images, openly licensed content and public-domain content where copyright has expired, and that it is "designed to generate images safe for commercial use". Read that carefully. "Designed to be" is a design goal, not a warranty. It describes the training-data intent, and intent is not the same as an indemnity you can point a client at.

The carve-out is the part that gets skipped. For the 30 or more partner models now hosted inside Firefly, Adobe states it cannot verify commercial safety and points you to the partner's terms. So the same window, the same subscription, the same button - and two completely different rights positions depending on which model is selected in the picker. Combine that with the billing fact from Part 2 (partner-model output is billed as premium) and you get a usefully blunt rule of thumb: if it cost extra, check whose terms apply.

What to do with this: name the models your team is allowed to select, in writing, and make the model picker a governed choice rather than a convenience.

Live2 · The shape of an indemnification4 min▶

Indemnification is purchased, not automatic. In Adobe's framing, enterprise customers "may purchase an entitlement that comes with contractual IP indemnification for select Firefly outputs" - and that entitlement is scoped by published lists of eligible features, surfaces and export events. Three scoping dimensions, any one of which can put your asset outside the cover:

  • Feature - which generative feature produced it.
  • Surface - which app or product it was produced in.
  • Export event - how it left the tool.

Add the two standing exclusions this session has already established: partner-model output and beta features. Beta is doubly seductive because betas consume 0 Figma credits and often carry the newest capability, so the cheapest and shiniest path is frequently the least covered one.

An honest gap, stated as a gap: the exact conditions of Adobe's enterprise indemnity could not be verified during preparation, because the enterprise legal FAQ document was unreachable. Do not let anyone, including this page, tell you the precise terms. Get them from your contract.

Live3 · The training default nobody was asked about3 min▶

Figma has two toggles: Content training and AI features. The default for content training is on for Starter and Professional teams, and off and not toggleable for Organization and Enterprise. The policy took effect on 2024-08-15. Education and Government accounts are excluded.

Read that as an org-design fact rather than a privacy fact. It means the small teams least likely to have a policy are the ones opted in by default - the contractor's Professional team, the agency's Starter file, the side project where your unreleased brand work lives. Your Enterprise org is protected; your supply chain may not be.

Canva's position is different in shape: its documentation says "you own your Output, except for any Output that modifies or incorporates Licensed Content", warns that outputs may not be unique, and recommends independent advice before commercial use. Training use is governed by Privacy Settings. Three different vendors, three different defaults, one shared consequence: the default is the policy, until someone changes it.

Two honesty notes to carry into the meeting Official vendor pages sometimes contradict each other. Figma's own pages disagree on whether the agent beta is Enterprise-only or available to Full seats on Pro, Organization and Enterprise, and there is no point pretending one of them is authoritative. Separately, a live "unlimited generations" promotion can distort Adobe credit arithmetic badly enough that any number you teach today may be meaningless next month. Verify both against today's page and against your own contract, and say "verified on this date" whenever you quote a number.
1 · SHIPPABLE? an artifact lands in your pipeline 2 · SYSTEM SAFE? respects the tokens and components you own 3 · RIGHTS COVERED? indemnity names this feature and surface 4 · METER SURVIVES? credits per seat at your real volume IF NO → prototype keep it out of the delivery path IF NO → adopt narrow one team, one use case, one owner IF NO → internal only no client delivery until it is covered IF NO → pilot only meter it for a month before you scale ALL FOUR YES → buy it, name an owner, and re-verify every gate at renewal Ignore is a real verdict. Most tools fail gate 1 for your pipeline and are still worth a prototype seat. Run the gates in order. Rights and metering are cheap to check and the most expensive to discover late.
🔍 Click to zoom - the buy, adopt or ignore frame, run in order
Real world

Run the frame on Cadence's own marketing site. Gate 1: Framer AI produces a published Framer site and no documented code export, which is fine, because a marketing site is a destination and always was. Gate 2: it does not touch the product design system, so the risk is brand drift rather than system drift. Gate 3: imagery is where the rights question lives, not layout. Gate 4: per-site plans with a workspace-shared credit pool means two sites share one pool. Verdict: adopt for the site, ignore for the product. That is a five-minute decision once you ask about artifacts instead of features.

Homework

Try it yourself - this week ◐ 40-50 min total

Source material

Official sources covered

Every tool fact on this page was taken from official vendor documentation and carries a verification date, because features, credits and beta status in this space change monthly. Where sources contradict each other or a primary document was unreachable, the page says so instead of guessing. This session covers:

✓Prompt-to-UI outputs - v0, Lovable, Framer AI, Claude Artifacts, Figma MakePart 1 · practitioner depth in designer sessions b4 and b9
✓Figma seat and credit gates, current feature names, content-training defaultsPart 2 · token automation limits in b6
✓Adobe Firefly Image Model 5, partner models, generative credit behaviourPart 2 and 3 · imagery craft in b7
✓Canva AI naming and shared credit pool · Midjourney V8.2 and GPU-hour plansPart 2 · reference parameters and their limits in b2
◐Commercial-safety framing, indemnity scope, C2PA and provenanceShape taught here · full treatment in leader session a4
Check yourself

Three questions before you go 🎯 ◐ 90 seconds

1 · Your team needs a generated draft to reach an engineer as maintainable code. Which tool's documented output does not support that?

Framer AI produces a destination, not a handoff. That is a legitimate choice for a marketing site and a dead end for a product pipeline. Figma Make sits in between: there is a code zip and a GitHub push, but the push is one-way and pasted-back layers are not automatically tied to your design system.

2 · A designer generates a hero image inside Firefly using one of the hosted partner models. What is the rights position?

The commercial-safety framing applies to Adobe's own model, and even there it is a design goal rather than a warranty. Partner-model output is explicitly outside it, and indemnification is a purchased entitlement scoped to eligible features, surfaces and export events, with partner-model and beta output excluded.

3 · Your team is on Figma Professional, Full seats. Why is "everyone prototypes in Make now" a capacity decision rather than a licence decision?

Starter is the plan that excludes Figma AI. On Professional the seat is fine and the meter is the problem: 3,000 credits divided by a task costing 30 to 100 or more is roughly 30 to 100 Make tasks a month per person, before any image work. Credits do not roll over and are not shareable, so unused capacity on one seat cannot rescue another.

Leader session 3 cheat sheet · pin this

The one questionWhat artifact does it produce, and where does that artifact land in your pipeline? Compare outputs, never demos.
Destination vs handoffFramer AI has no documented code export. Claude Artifacts has no backend. Both are useful. Neither is a delivery stage.
Lossy bridgesFigma Make's GitHub push is one-way and overwrites; pasted-back layers are not tied to your design system.
Seats gate, credits bindFigma AI needs a Full seat on a paid plan; Starter has no Figma AI. Full-seat credits: 500 / 3,000 / 3,500 / 4,250.
Cost per taskFigma Make 30 to 100+ credits. AI search and Rename layers are 0. Betas are 0. Pay-as-you-go $0.03 per credit.
Current namesFirst Draft, not "Make Design". Figma agent beta is becoming the entry point. Canva AI, not Magic; Magic Switch is gone. Midjourney default V8.2.
Three passages to readCommercial-safety claim (a design goal, partner models excluded) · indemnity scope (feature, surface, export event) · training default (on for Starter and Professional).
The frameShippable? System safe? Rights covered? Meter survivable? All four yes means buy. Ignore is a real verdict, and re-verify at renewal.