Back to Plugins
AI Markup - GPT4o

AI Markup - GPT4o

A highly practical Figma 2 Code plugin.

csshtmlvueaireactmarkupfrontendcode-generatorsfigma2code

Plugin Preview

AI Markup - GPT4o preview

About this plugin

Practical Figma to Code Export Tool Specializing in Component Export


This tool not only supports exporting in vanilla HTML/CSS but also in React and Vue. By providing GPT-4 with Figma's structural data and images, it functions as an accurate and practical markup tool. Since it specializes in component export, it can be seamlessly integrated into actual workflows and is easy to modify.


It is currently being offered completely free of charge on a trial basis.

Plugin Details

Version4
CreatedMay 16, 2024
Last UpdatedJune 3, 2024
CategorySoftware development
Creatorissui
Stats281 installs, 73 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:src/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.openai.com
    • https://corsproxy.io
    • https://visionary-starship-9e9adb.netlify.app