Design & Prototyping — procurement report
ProductArena · rankings as of 2026-09-16 · evidence as of 2026-09-16 · 8 products · 53 judged requirements · 424 judged cells
Methodology: Every product is judged against a shared taxonomy of user stories using cited evidence — hands-on probes > repository code > independent community sources > vendor claims — never opinion. Full writeup: https://ultrametric.ai/productarena/methodology
Leaderboard
| # | Product | PA Score | Coverage score | Applicable cells | Confidence |
|---|---|---|---|---|---|
| 1 | Spline | 32.3 | 29.2 | 49/53 | B |
| 2 | Rive | 31.0 | 30.2 | 44/53 | A |
| 3 | Figma | 29.8 | 34.7 | 53/53 | B |
| 4 | Penpot | 29.5 | 29.4 | 53/53 | B |
| 5 | Canva | 27.2 | 22.4 | 53/53 | C |
| 6 | Sketch | 20.6 | 28.3 | 52/53 | C |
| 7 | Framer | 18.5 | 18.0 | 53/53 | C |
| 8 | Claude Design | 18.4 | 17.0 | 41/53 | C |
PA Score = agent-readiness blend (see methodology). Coverage score = weighted share of judged requirements met. Confidence = how much of the score rests on tested vs claimed evidence (A–D).
Uncertainty note
The current #1/#2 gap in this arena is not close enough to qualify for the multi-judge uncertainty pass (or the pass has not covered it yet) — no extra caveat applies beyond the per-product confidence grades above.
Buyer checklist (RFP)
The arena's 53 judged user stories as requirements, grouped by theme. Priorities mirror the story weights our scoring uses (3 = must-have, 2 = should-have, 1 = nice-to-have). Interactive version with per-requirement verdicts for the top products: /arena/design-tools/checklist
Agent design — stories about agent design in this arenaAgent design
Stories about agent design in this arena
- ai-native userMy coding agent can pull real design context — frames, variables, screenshots, component mappings — through an MCP server or API to implement the designmust-have
- ai-native userAn agent can create or modify designs programmatically — through a write-capable API, plugin surface, or MCP tools — not just read themshould-have
- ai-native userAn agent can render and export designs — screenshots, images, or production formats — through a documented programmatic surfaceshould-have
Agenticness — how well agents can access and operate the productAgenticness
How well agents can access and operate the product
- ai-native userPlug MCP servers into this product so it can use their toolsmust-have
- ai-native userConnect an agent via an official MCP servermust-have
- ai-native userDrive the product through a documented public APImust-have
- ai-native userDelegate tasks to a built-in AI assistant inside the productmust-have
- ai-native userPoint an agent at llms.txt or agent-oriented docsshould-have
- ai-native userRun the product headlessly / in CI for automationshould-have
- ai-native userUse an official CLIshould-have
- ai-native userIssue scoped/least-privilege API credentials for an agentshould-have
- ai-native userBuild against official SDKsshould-have
- ai-native userSubscribe to events via webhooksshould-have
- ai-native userGet AI-generated insights and suggestions from my data inside the productshould-have
- ai-native userSet up automations that run autonomously in the backgroundshould-have
- ai-native userOperate the product with natural-language commandsshould-have
- ai-native userExplore an interactive API reference with runnable examplesshould-have
- ai-native userDownload a machine-readable API spec (OpenAPI or equivalent)should-have
- ai-native userRely on versioned APIs with a documented deprecation policyshould-have
- ai-native userTest against a sandbox environment without touching production datanice-to-have
Ai design — stories about ai design in this arenaAi design
Stories about ai design in this arena
- designerGenerate or edit designs from a natural-language prompt — first drafts, layouts, or full mockups the tool actually producesshould-have
- designerBuilt-in AI handles asset chores — image generation, background removal, content-aware fills, copy suggestions — inside the editornice-to-have
Automation depth — how much of the product can run unattendedAutomation depth
How much of the product can run unattended
- ai-native userDefine rules that trigger actions automatically on eventsmust-have
- ai-native userPerform bulk operations across many items at onceshould-have
- ai-native userSchedule recurring jobs or workflowsshould-have
- ai-native userVersion, review, and roll back my automationsnice-to-have
Collaboration multiplayer — stories about collaboration multiplayer in this arenaCollaboration multiplayer
Stories about collaboration multiplayer in this arena
- designerMy whole team can edit the same file simultaneously with live cursors and instant syncmust-have
- product managerComment directly on designs, mention teammates, and resolve threads so review happens in the file, not in emailshould-have
Components design systems — stories about components design systems in this arenaComponents design systems
Stories about components design systems in this arena
- designerBuild reusable components with variants and per-instance overrides that stay linked to their sourcemust-have
- designerManage design tokens or variables — colors, spacing, typography — with modes or themes applied across designsshould-have
- designerShared libraries publish components and styles across files and projects, with controlled updates when the source changesshould-have
Dev handoff — stories about dev handoff in this arenaDev handoff
Stories about dev handoff in this arena
- developerInspect any layer and get measurements, styles, assets, and code snippets (CSS/iOS/Android) without an editor seatmust-have
- developerDesigns map to production code — component-to-code mappings or direct design-to-code output I can actually shipshould-have
Openness — open source, data portability, and self-hosting storiesOpenness
Open source, data portability, and self-hosting stories
- ai-native userExport all of my data in open formats and leavemust-have
- ai-native userSelf-host the core productmust-have
- ai-native userDo everything through the API that I can do in the UIshould-have
- ai-native userRead the product's source under an open licenseshould-have
Plugins extensibility — stories about plugins extensibility in this arenaPlugins extensibility
Stories about plugins extensibility in this arena
- developerA documented plugin API with typings and samples lets me build and distribute my own editor extensionsshould-have
- designerExtend the editor from a large plugin community or marketplace — icons, data fillers, accessibility checkers, and moreshould-have
Pricing plans — plan structure and value — what each tier costs and what it unlocksPricing plans
Plan structure and value — what each tier costs and what it unlocks
- designerThe free tier supports real design work — usable editor and collaboration without a paid seatshould-have
- product managerPublished plan pricing makes seat types, tiers, and AI-feature gating clear before procurementnice-to-have
Privacy posture — data-handling and privacy storiesPrivacy posture
Data-handling and privacy stories
- ai-native userPrevent my data from being used to train AI modelsmust-have
- ai-native userChoose where my data is stored (region/residency)should-have
- ai-native userControl data retention and deletionshould-have
- ai-native userOpt out of telemetry and usage trackingshould-have
Prototyping — stories about prototyping in this arenaPrototyping
Stories about prototyping in this arena
- designerWire screens into clickable prototypes with triggers, transitions, and overlays — no code requiredshould-have
- designerPrototypes can carry advanced behavior — animation between states, conditions or variables, scroll effects — to feel like the real productnice-to-have
Vector editing — stories about vector editing in this arenaVector editing
Stories about vector editing in this arena
- designerI get professional vector tools — pen and path editing, boolean operations, precise alignment — for real interface design workmust-have
- designerFrames can behave responsively — auto layout, constraints, and grids resize designs the way real UIs flexshould-have
Versioning export — stories about versioning export in this arenaVersioning export
Stories about versioning export in this arena
- designerExport production assets — PNG, SVG, PDF, and more — with per-layer presets, scales, and slicesshould-have
- developerSelf-host the full design platform on my own infrastructure under an open-source licenseshould-have
- designerFull version history lets me name milestones, compare, and restore any earlier state of a fileshould-have
- developerThe file format is open or documented, so my designs stay portable and toolable outside the vendor's editornice-to-have
Appendix: recorded probes
Hands-on probe recordings — transcripts/videos a human can replay, the strongest evidence tier. Watch them at https://ultrametric.ai/productarena/proofs
- Canva
npx -y @canva/cli --versionterminal · recorded 2026-09-07 · exit 0 - Canva
curl -si -X POST https://mcp.canva.com/mcp -H 'Content-Type: application/json' -d '<jsonrpc initialize>'terminal · recorded 2026-09-07 · exit 0 - Claude Design
curl -sL 'https://support.claude.com/en/articles/14604397-set-up-your-design-system-in-claude-design' | grep -oiE 'design system|brand guidelines' | sort | uniq -cterminal · recorded 2026-09-14 · exit 0 - Claude Design
curl -sL 'https://support.claude.com/en/articles/14604416-get-started-with-claude-design' | grep -oiE 'prototypes?|Claude Code' | sort | uniq -cterminal · recorded 2026-09-14 · exit 0 - Figma
npx -y @figma/code-connect --versionterminal · recorded 2026-09-14 · exit 0 - Figma
curl -si -X POST https://mcp.figma.com/mcp -H 'Content-Type: application/json' -d '<jsonrpc initialize>'terminal · recorded 2026-09-14 · exit 0 - Figma
curl -s https://raw.githubusercontent.com/figma/rest-api-spec/main/openapi/openapi.yaml | head -4terminal · recorded 2026-09-14 · exit 0 - Framer
curl -sL https://www.framer.com/llms.txt | head -3terminal · recorded 2026-09-07 · exit 0 - Penpot
docker compose up -d (official penpot docker-compose.yaml) # poll frontend :9001, then keyless MCP initialize against the bundled penpot-mcp serviceterminal · recorded 2026-09-07 · exit 0 - Rive
curl -sL https://rive.app/docs/llms.txt | head -3terminal · recorded 2026-09-14 · exit 0 - Rive
curl -sL https://rive.app/docs/editor/ai/mcp.md | grep -iE 'MCP|state machine' | head -5terminal · recorded 2026-09-14 · exit 0 - Sketch
curl -sL https://www.sketch.com/llms.txt | head -3terminal · recorded 2026-09-07 · exit 0 - Spline
curl -sL https://docs.spline.design/llms.txt | head -3terminal · recorded 2026-09-14 · exit 0
Cite as: ProductArena by Ultrametric Inc, Design & Prototyping arena, rankings as of 2026-09-16 — https://ultrametric.ai/productarena/arena/design-tools
License: © 2026 Ultrametric Inc. Brief quotation of individual verdicts, scores, or evidence excerpts is permitted with attribution to "ProductArena by Ultrametric Inc (ultrametric.ai/productarena)", as is use of the data to evaluate, contest, or contribute corrections. Bulk copying, redistribution, or use to build competing datasets requires prior written permission (see DATA-LICENSE in the repository).
No liability: rankings, verdicts, and scores are research outputs derived from the cited evidence at a point in time, provided "as is", without warranties. Ultrametric Inc accepts no responsibility for procurement, purchasing, or other decisions made in reliance on them — verify against the cited evidence before acting (https://ultrametric.ai/productarena/terms).