Figma

Pull in Figma context and generate high-quality code that aligns with your codebase and design intent. Use the connector to retrieve code resources from Figma Design or Make files, and turn your ideas into production apps.

You can use the Figma connector to:

Implement designs as websites:
"Help me implement my Figma design as a website in HTML and CSS"

Generate code from selections with annotations:
"Get code from the Figma selection and make sure to take into account my annotations"

Check variables for issues:
"Get the variables used in my Figma selection, and tell me if there are any issues"

Implement components following codebase standards:
"Help me fetch the navbar behavior from my Figma Make file and implement it following my codebase standards"