Figma Plugin Hub
Back to Plugins
ComponentsGPT

ComponentsGPT

A new way to generate components in code.

storybookgpt4codegenaiangularreactcode-generators

Plugin Preview

ComponentsGPT preview

About this plugin

Introducing ComponentsGPT, the Figma plugin that revolutionizes the way designers and developers work together. Seamlessly integrating with your Figma environment, ComponentsGPT is your on-the-go tool for transforming design concepts into ready-to-use code with the power of GPT-4 and Figma's robust APIs.


Whether you're sketching out the next big thing in design mode or fine-tuning details in dev mode, ComponentsGPT effortlessly translates your visual components into production-grade code. With a deep understanding of component properties, this plugin extracts precise information to ensure that the generated code mirrors the intricacies of your design.


Supporting a variety of popular frameworks including Angular, React, Vue.js, and Svelte, ComponentsGPT offers a versatile solution for teams looking to streamline their workflow. The intuitive codegen mode empowers you to generate code snippets for individual components with just a layer selection. However, wield this feature with care – each selection initiates an API call, making efficiency your ally.

Plugin Details

Version1
CreatedJanuary 11, 2024
Last UpdatedJanuary 19, 2024
CategorySoftware development
CreatorAndreas Wissel
Stats301 installs, 27 likes
PricingFree
Install Plugin

Technical Details

  • API:1.0.0
  • UI:src/ui.html
  • main:dist/code.js
  • Network Access:

    GPT can make requests to any domain.

  • Editor Types:
    dev
  • Allowed Domains:
    • *
  • Codegen Languages:
    • Angular(angular)
    • React(react)
    • Svelte(svelte)
    • Vue.js(vuejs)

More Like This

Discover other plugins in the Software development category.

Figma to Code (HTML, Tailwind, Flutter, SwiftUI)

Figma to Code (HTML, Tailwind, Flutter, SwiftUI)

Code Conversion Made Easy: Figma to Web & Apps

Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)

Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)

Anima - AI Powered Design to code

Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)

Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)

Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI

View All Software development Plugins