# Paper

> Design canvas built on real HTML/CSS; Copy as React CSS or Tailwind; MCP server lets agents read/write files and sync tokens with your codebase

- Category: Design tool + AI (Design tool)
- Status: Active
- Website: https://paper.design/
- Pricing: Free $0 (unlimited editors/viewers, 100 MCP tool calls/wk); Pro $16/editor/mo yearly ($20 monthly, 1M MCP calls/wk, video export); Team: contact sales (SAML/SSO, admin) (checked 2026-10-16)
- Free plan: Yes
- Lowest paid plan: $16/mo
- Last updated: 2026-10-16
- Page: https://designengindex.com/tools/paper

## Changelog

- 2026-09-30: September 2026 build log: ~half memory use, one-click in-app agent (MCP) setup, Copy as React CSS/Tailwind/PNG from export panel, WebMCP in browser app (source: https://paper.design/build-log)

## Alternatives

- [Figma](https://designengindex.com/tools/figma.md): Design-to-code via Dev Mode, Figma Make (prompt-to-app) and MCP server
- [pen.dev (Pencil)](https://designengindex.com/tools/pencil.md): Agentic design canvas in your IDE (extension), desktop app or headless CLI; open JSON .pen format; MCP for Claude Code/Codex/Cursor etc.;...
- [Penpot](https://designengindex.com/tools/penpot.md): Open-source design tool with CSS Flex/Grid layouts, design tokens, MCP
- [ProtoPie](https://designengindex.com/tools/protopie.md): High-fidelity interactive prototypes
- [Rive](https://designengindex.com/tools/rive.md): Interactive vector animations with runtimes for web/mobile
- [Spline](https://designengindex.com/tools/spline.md): 3D/interactive web scenes with code export

## Comparisons

- [Figma vs Paper](https://designengindex.com/compare/figma-vs-paper.md)
- [Figma vs Paper vs pen.dev (Pencil) vs Penpot](https://designengindex.com/compare/figma-vs-paper-vs-pencil-vs-penpot.md)