# Paper

> Design canvas built on web standards that connects to AI coding agents

Paper is a UI design tool built on web standards (HTML and CSS) that provides a shared visual workspace for human designers and AI coding agents. Through Model Context Protocol (MCP), agents like Cursor, Claude Code, and Codex can read and write directly to the canvas, syncing tokens and layout variants between code and design.

Website: https://paper.design/

## What it is for

- Connect AI coding agents to a design canvas using MCP to read and update layouts
- Generate responsive UI variations and design system color tokens directly from a codebase
- Populate design mockups with live data from APIs, local files, or production databases
- Iterate on copy and interface components in the canvas and push edits straight to code

## Features

- HTML and CSS native canvas rendering without translation loss to code
- Model Context Protocol (MCP) server for integration with Cursor, Claude Code, Codex, and VS Code
- Continuous bidirectional syncing of design tokens, styles, and components with code repositories
- Live data injection into UI layers from local files, APIs, and databases
- Visual canvas editing tools including flexbox layouts, styles, radiuses, and blending modes
- Available as both a desktop application and in-browser tool

## Pricing

Freemium. Free sign-up available with paid tiers; full pricing page available on site.

## Details

- Type: Desktop app
- Category: [Design](https://xiry.app/topics/design.md)
- Topic: [UI Design](https://xiry.app/topics/design/ui-design.md)
- Open source: no
- Platforms: macOS, Windows, Web
- For: Product designers, frontend developers, and software teams collaborating with AI coding agents.
- Alternative to: Figma, Penpot
- Tags: design, mcp, ai agents, html css, ui ux, canvas, cursor

## Why it was saved

- [@stephenhaney, 24 February 2026](https://x.com/stephenhaney/status/2026348761501581620): Launch of a notable tool for agent-assisted design; 5864 likes / 7141 bookmarks.
- [@jeetnirnejak, 9 June 2026](https://x.com/jeetnirnejak/status/2064364602490806689): Named in the tweet as the tool used; worth knowing for design workflow.

## Compare

- [Alternatives to Figma](https://xiry.app/alternatives/figma.md)

## Related

- [Variant](https://xiry.app/resources/variant): AI design tool that generates interface variations from text ideas (Web app, Freemium)
- [15 UI Sites You'll Need](https://xiry.app/resources/15-ui-sites-you-ll-need): Curated collection of 15 UI and design resources for polished websites. (List, Free)
- [Dark UI Design Blueprint](https://xiry.app/resources/dark-ui-design-blueprint): Design specifications and styling tokens for modern dark dashboard interfaces (Tip, Free)
- [Figr](https://xiry.app/resources/figr): AI product design agent that generates contextual UX flows and Figma designs (Web app, Freemium)
- [Modern E-Commerce UI/UX Design Principles (Osklen Case Study)](https://xiry.app/resources/modern-e-commerce-ui-ux-design-principles-osklen-case-study): UI and layout techniques for modern, high-converting e-commerce storefronts (Tip, Free)
- [Motiff](https://xiry.app/resources/motiff): AI UI design tool and generator (discontinued). (Web app, Freemium)

Updated 10 October 2026. Page: https://xiry.app/resources/paper

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.