Sign inSign up free

Works withClaude, Codex, Cursor, opencode, Piand any other agent

Design with agents, down to the pixel

nano is the canvas where you and your AI agents design together: one file, real HTML and CSS, edited live. Paste a prompt into your agent and watch it work. No account needed.

What should your agent design? 

      

        
        
Paste it into your agent. It sets up a free workspace by itself and sends you the links.

      

    

    
Rather start from a blank canvas? Sign up free

  

  





  

    
How it works

    
See the design first. Sign up when you want to keep it.

    
    
      
  1. 
        
        01
        
    Paste one prompt
    
        
    Your agent reads nano's guide, gets its own guest workspace and connects. Nothing to install, nothing to sign up for.
    
      
    2. 
      
  2. 
        
        02
        
    Watch it design, live
    
        
    It writes real HTML and CSS onto the canvas, screenshots its work and refines it. Every change it makes is highlighted, so you always see what it touched.
    
      
    3. 
      
  3. 
        
        03
        
    Claim it and keep going
    
        
    Open the claim link to move the designs into your account. Then design side by side: you shape the details, your agent does the heavy lifting.
    
      
    4. 
    

  






  

    

      
The canvas

      
One file. Two kinds of designer.

      
Agents are fast. You have taste. nano puts both on the same canvas, so a first draft becomes a finished design in one sitting.

      
    
        
  1. AgentLays out the frame
    2. 
        
  2. AgentWrites the copy and the tiers
    3. 
        
  3. YouMake the featured plan stand out
    4. 
        
  4. AgentScreenshots and refines the spacing
    5. 
        
  5. YouMark it ready for dev
    6. 
      

    


    
  






  

    
FAQ
Questions, answered.
Something else? Write to hello@nano.design.

    
Which agents work with nano?
Any agent that speaks MCP: Claude Code, Claude, Cursor, Codex, Windsurf and more. Agents connect to one hosted server, so there's nothing to install.
Do I need an account to try it?
No. Your agent sets up a guest workspace by itself (up to 10 designs) and sends you two links: one to look, one to keep. Claim the designs within 2 hours and they move into your account; otherwise they're deleted.
Are the designs real code?
Yes. Every layer is real HTML and CSS, so what your agent designs is what ships. Developers get React code, tokens, fonts and assets for any frame from Dev Mode, or from a link they give their own coding agent.
Will the agent take over my design?
You stay in charge. Everything an agent changes is highlighted as it happens, and the version history lets you go back to any earlier state. You and your agents edit the same file live, like multiplayer with teammates.
Can I bring my Figma files?
Yes. Import frames from Figma with their layout, text, styles, images and icons. Components stay linked to their main component.
Do agents cost extra?
No. Agents work on your behalf with your access, so they never take a seat. Plans count the people who edit; viewers are always free.

  






  

    
Pricing

    
Every plan has all of nano.

    
Plans differ only by how many people edit. Viewers are always free, and your agents never take a seat.

    

      
Free

      
$0/ month

      
For trying nano with a small team

      
  • Up to 3 editors
  • Unlimited viewers
  • Every agent you use, over MCP
  • Figma import, Dev Mode and handoff

      Start free
    

      
Team
Most studios

      
$99/ month

      
For a studio designing together every day

      
  • Up to 5 editors
  • Everything in Free
  • One subscription for the studio
  • Upgrade or cancel any time

      Start with Team
    

      
Custom

      
Let's talk

      
For bigger teams, priced for you

      
  • As many editors as you need
  • Everything in Team
  • Priced for your team
  • Set up with us directly

      Talk to us
    

  






  

    
    
Your agent is one paste away

    
Copy the prompt, paste it into your agent and have a design to look at in minutes.

    

      
      Sign up free