Locofy Documentation

Designers, builders, and developers all work differently — so Locofy supports multiple ways to generate and ship frontend code. Whether you have plugin access, a design URL, terminal workflows, or AI tooling, there's a workflow built for you.

Choose your preferred workflow

Locofy Plugin
Preferred by Designers

Stays inside your design workflow with more control for designers

  • Install the Locofy plugin inside Figma or Penpot

  • Connect your Locofy account

  • Start converting your designs to code

View Documentation
Locofy CLI
Preferred by Developers

Fits directly into modern engineering workflows

  • Install Locofy CLI on your machine

  • Allow Figma access when prompted

  • Convert your design from a Figma URL

View Documentation
Locofy MCP
Preferred by Developers

Enables AI-native frontend development through agents & copilots

  • Setup Locofy MCP

  • Allow Figma access when prompted

  • Convert your design from a Figma URL

View Documentation
Import from URL
Preferred by Builders

The fastest way to turn existing designs into frontend code. No plugin setup required

  • Paste your Figma frame URL

  • Allow Figma access when prompted

  • Convert to code

View Documentation