FramerGPT

AI code generator for Framer

Coming Soon

Describe the component you want.
Get it generated within seconds.

FramerGPT uses AI to help generate code components/overrides using natural language.
Trained on Framer documentation.

Example prompt and completion


    // Example AI response 
    function generateCodeComponent(prompt) {
        console.log("Generating...")
    }

    // Best Prompts 
    console.log(`
        To make options editable from the properties panel, use words like configurable or editable 
        To add more details about each option add them in brackets
        To group multiple options under one property, such as font, use phrases like group field1, field2...
    `)


    // Example AI response 
    function generateCodeComponent(prompt) {
        console.log("Generating...")
    }

    // Best Prompts 
    console.log(`
        To make options editable from the properties panel, use words like configurable or editable 
        To add more details about each option add them in brackets
        To group multiple options under one property, such as font, use phrases like group field1, field2...
    `)


    // Example AI response 
    function generateCodeComponent(prompt) {
        console.log("Generating...")
    }

    // Best Prompts 
    console.log(`
        To make options editable from the properties panel, use words like configurable or editable 
        To add more details about each option add them in brackets
        To group multiple options under one property, such as font, use phrases like group field1, field2...
    `)


    // Example AI response 
    function generateCodeComponent(prompt) {
        console.log("Generating...")
    }

    // Best Prompts 
    console.log(`
        To make options editable from the properties panel, use words like configurable or editable 
        To add more details about each option add them in brackets
        To group multiple options under one property, such as font, use phrases like group field1, field2...
    `)

Made in Framer