Freelancers using PaperFreelancers using PaperMeet Brand Interpreter.
For decades, brand identity existed in two irreconcilable forms: the static PDF a designer handed to a client, and the living codebase a developer actually built from. Between them sat hours of manual translation... colours re-entered, typefaces re-specified, rules re-explained. This work asked designers to be data-entry clerks.
Brand Interpreter proposes a different relationship between document and canvas. A brand guidelines PDF is the designer's most complete creative statement, read by an AI agent that understands not just the colours and fonts on the page, but the rules governing their use, the errors hiding in their specification, and the personality encoded in the language surrounding them. From this reading, the agent constructs a living design system directly on a connected canvas: structured, editable, and ready to export as code.
What the agent builds is the document's intent, distilled, but made operable.
→ Full process + copy-paste prompts: https://flower-cruiser-92b.notion.site/Brand-Interpreter-Claude-Code-Paper-MCP-345b0a5cd9188093886ae856182ebc34 Enjoy!
Built with @claudeai + @paper_design for the Paper × Contra Hackathon. For this challenge, I used several tools connected to Paper and Paper's Canvas to build Roam - a restaurant, eatery, and activity finder for Manchester.
I wanted to create it because, coming back from uni with time to finally explore the city, I needed a way to visualise places I'd been meaning to visit on a map.
I started by using Claude Code in the terminal to pull a button from my portfolio repo, then rebuilt and redesigned it in the Paper canvas for this project. From there, I used Claude Code and Gemini CLI to generate screens and variants via Paper MCP, picked my favourite, and brought it to life as a functional design in the new Lovable Desktop app using Paper MCP connection.
I then synced the project to Cursor via GitHub and continued iterating - adding advanced features like maps, a light/dark mode using colour styles from my Paper Canvas, and a chatbot, both designed with Claude Code and Paper MCP. I finally powered the chatbot using Lovable AI and used the Paper metal shader for the chatbot button.
Check out my post on X where I also have a longer version of the process video: https://x.com/ituadesign/status/2044547467488772264?s=20