Back to Plugins
code-transformer

code-transformer

Transforms your Figma design into code powered by OpenAI API

chatgptcodeopenaicode-generators

Plugin Preview

code-transformer preview

About this plugin

This is Proof of Concept of generating code from Figma using OpenAI API.

The plugin converts your Figma design into JSON format and call OpenAI API to generate code.


For the best outcome, structure your design


  • No Group, Just use Frame
  • Use Auto Layout as possible
  • define naming rule for Components and Variant properties
  • Use Style or/and TokenStudio
  • Structure layer like code
  • Name layers appropriately


This project is OSS and if you want to contribute or develop your own, please visit the repository below

https://github.com/kazuyaseki/figma-code-transformer

Plugin Details

Version4
CreatedMay 1, 2023
Last UpdatedMay 4, 2023
CategorySoftware development
CreatorKazuya Seki
Stats106 installs, 26 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma