Everything on one canvas.Built for agents and the people who direct them.
An infinite canvas with real layout.
Frames, text, icons, shapes and images, laid out by a browser engine. What you see is what the code gets.
- Auto layout with fill, hug and gap
- Text that wraps and sizes itself
- Paths, booleans and SVG import
- Pages to organize big projects
Tokens and components that hold the line.
Agents build repeated UI as components and pull colors and sizes from variables, so one edit updates every screen.
- Components, variants and properties
- Variables with light and dark themes
- Shared text styles
- Slots for flexible content
Bring the agent. Keep your hands on the wheel.
Agents connect over MCP and edit the same document you see. They check their own work with screenshots before they say done.
- Works with Claude Code, Codex, Cursor and more
- Live edits, one section at a time
- In-progress screens marked as placeholders
- Comments pinned to layers, answered by agents
> Design a Reports screen for Kasku
✓ potlot.get_app_state clone ini.potlot
✓ potlot.read_skill guide/mobile-app.md
✓ potlot.execute Insert(screen, {name: "Donut"…})
◐ potlot.execute TakeScreenshot([reports])
Checking the donut against the checklist: nothing clipped, contrast passes.
Photos, AI images and vector art
Stock photos, generated images, SVG illustrations and background removal, placed straight into frames.
Click through before you build
Link screens with taps and transitions, set a starting point and play the flow in Present.
From canvas to code
Export images and PDFs, or HTML with plain CSS or Tailwind. Agents can also build the design in your repo.
And the rest.Small things that add up on a long project.
Pages
Split a big project into pages that share components.
Seven icon libraries
Lucide, Phosphor, Material Symbols, Tabler and more.
Every Google Font
Pick any family; it loads for screenshots and export.
44 style archetypes
Starting points for apps, sites and slides.
Import a web page
Turn HTML or a URL into editable layers.
Built-in browser
Keep a live page on the canvas next to your design.
Script nodes
Generate layers from code with inputs you can tweak.
Open file format
A .potlot file is plain JSON on your own disk.