Design and build your app in one place — inside VS Code.
Polygram brings together a visual design canvas and an AI coding agent so you can shape your UI, iterate in real time, and ship code without switching tools.
What you can do
Design canvas
Work on your product’s screens on a live canvas — not static mocks.
Open your project’s designs and see them side by side
Click, move, and refine layouts directly on the canvas
Adjust styles, spacing, colors, and typography in a visual property panel
Switch between desktop and mobile views to check how screens feel at different sizes
Leave comments on the canvas to capture feedback and ideas
Keep design and implementation aligned as you iterate
AI coding agent
Pair the canvas with an AI assistant that understands your project.
Agent — Describe what you want built or changed; Polygram plans, writes, and updates your codebase
Planner — Think through structure and approach before code changes
Ask — Questions and explanations without editing files
The agent can explore your project, propose edits, and show you what changed — with your approval before anything is written or run.
One workflow
Start from the Polygram sidebar to chat with the agent
Open the canvas for full-screen visual editing
Move between design tweaks and code updates in a single flow
Sign in to sync projects, workspaces, and your design library
Getting started
Install Polygram from the Extensions view in VS Code
Click the Polygram icon in the activity bar (left sidebar)
Sign in and pick a project — or open your workspace and start a conversation
Run Polygram: Open Canvas from the Command Palette when you want the full design canvas
Quick shortcut
Action
macOS
Windows / Linux
Open chat
Cmd+Shift+L
Ctrl+Shift+L
Who it’s for
Polygram is for product builders, designers, and developers who want to:
Iterate on UI visually while staying close to the real app
Use an AI agent that can both design and implement
Reduce back-and-forth between design tools and the editor
