FrameIT 0 generated
1280px
Describe a section or paste a Figma URL, then generate to see a live preview ⌘ Enter to generate
COMPONENT · TSX
No history yet. Generate a section to start building history.
Generate a section to see code output 

          

          

          

        

      


    


    
    

  


  
  

    

    Ready — describe a section or paste a Figma URL to begin
    

      

    

  


  
  

    

  


  
  


  
  

    

      Test Personas — Square 1 → Ship
      
    

    

      

        Each persona represents a real user journey. Click to auto-fill their edition, prompt, and generate. Mock mode activates automatically.
      

      

    

  


  
  


  
  

    

      
        ALO
        
        Engagement Canvas™
      
      
    

    

      

        Diagnose structural engagement forces. Scores inject into the generation system prompt as design constraints.
      

      

        
        Toggle injection into system prompt
      


      
      

        
I · Hypothesis

        
        
        
      


      
      
II · Variables

      


      
      
III · Engagement Equation

      


      
      


      
      

    

  


  
  


  
  

    

      Settings
      
    

    


      

        
        

          Required for standalone use. Get yours at
          console.anthropic.com
        

        
        

          
          No key configured
        

      


      


      

        
        
      


      


      

        
        

          
          Detecting...