Back to Plugins
Code to Figma - Free design generator

Code to Figma - Free design generator

Build designs using external AI tools and add it to Figma magically.

Plugin Preview

Code to Figma - Free design generator preview

About this plugin

🎨 Design Anything You Prompt – Directly in FigmaTired of switching tabs and manually converting code to design? This plugin lets you bring your AI-generated designs straight into Figma — in seconds.✨ How it works:1.Prompt your design in any AI tool like ChatGPT, Gemini, or Claude2.Copy the generated code3.Paste it into the plugin4.Watch your design come to life — instantly rendered in FigmaNo setup. No extra tools. Just your prompt, your code, and your design — all in one place.🚀 Whether you’re wireframing fast ideas, prototyping with speed, or exploring creative concepts, this plugin bridges the gap between code and canvas.Completely free. No signups. No limits.

Plugin Details

Version10
CreatedApril 28, 2025
Last UpdatedFebruary 24, 2026
Categorydesign-tools-other
CreatorMohamed Fawzy
Stats1001 installs, 122 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:code.js
  • Document Access:dynamic-page
  • Network Access:

    This plugin operates entirely locally within Figma and does not require any external network connections.

  • Editor Types:
    figma
  • Allowed Domains:
    • none