Coming soon
Quick start

Your first scene,
one push away.

Connect the Figma desktop app and Godot on the same computer. Design, push, and start building your game.

You’ll needGodot 4.4+Figma desktop appA Figma Design file you can edit

1Install in Godot

Install the addon in each project you want to connect. Choose the method that matches your editor; each one installs the same addon.

From the Asset StoreGodot 4.7 and newer
  1. Open your game project and select the Asset Store tab. Click Go Online if prompted.
  2. Search for GUIRelay, open its listing, and choose a release compatible with your Godot version.
  3. Click Download. In Configure Asset, check that the addon files will go into addons/figdot/, then click Install.

Use the store inside your open project. The Project Manager’s store is for standalone project templates.

Godot’s Asset Store guide ↗
From a release ZIPGodot 4.4 and newer
  1. Download the Godot addon ZIP for a compatible GUIRelay release from its itch.io page or Asset Store listing.
  2. Extract it and place the figdot/ folder inside your game’s addons/ folder. Create addons/ beside project.godot if needed, keeping your other addons.
  3. Return to Godot and let it import the files. Confirm that res://addons/figdot/plugin.cfg exists.
your-game/
├─ project.godot
└─ addons/
   └─ figdot/
      ├─ plugin.cfg
      └─ …

Prefer Godot’s installer? Use Import in the editor’s Asset Store or AssetLib tab, select the ZIP, review its destination files, and click Install.

The addon folder is named figdot. Keep that name and folder structure; don’t import the ZIP as a new Godot project.

Godot’s manual installation guide ↗

Enable it in your project

After installing, open Project → Project Settings → Plugins and enable GUIRelay. Its dock appears beside the Inspector. Leave the Godot project open.

2Open in Figma

  1. Open a design file in the Figma desktop app.
  2. Open Tools in the left navigation, filter to Plugin, and search for GUIRelay.
  3. Open the plugin’s details and click Run. Save it to find it easily in other files.
GUIRelay open in Figma, before you add any screens.

You can also search GUIRelay in Figma Community, filter to plugins, open its listing, and choose Open in. Select a design file and open it in the desktop app.

Use a file you can edit. If your organization restricts plugins, request approval from an admin. Figma’s plugin guide ↗

3Connect the apps

  1. In the GUIRelay dock in Godot, click Copy Token.
  2. In the GUIRelay Figma plugin, open Settings, paste the token, and click Connect.
  3. Check that both sides show Connected and that Figma shows the intended Godot project.
Copy the token from the Godot dock, then paste it in the plugin’s Settings.

The link runs locally. Connecting and pushing your designs is free, with no Figma API token needed. Keep the plugin running while you work. After restarting Godot or switching projects, copy the new token and reconnect.

4Your first push

  1. Click the Starter kit card in the plugin. It creates a “Design for Godot” page with a main menu, settings screen, and HUD.
  2. Click Push. Godot generates your scenes in res://figma/<file name>/.
  3. In the Godot dock, click Inherit beside a scene. Save the inherited scene in your project and add your game logic there.
  4. Change a color or layout in Figma and push again. Your generated scene updates.
Push from the plugin, and your scenes appear in the Godot dock.

For a portrait puzzle game, open Kits and click Add on Bubble Pop. Its six screens cover a level map, goals, puzzle board, victory, out of moves, and settings. The kit is free and its screens are linked automatically, ready to push.

To use your own design, select your frames and click Add selection (or Add on Screens), then Push. Enable Auto-push to send later changes automatically.

Explore the UI kits

5Keep your code safe

Keep your scripts and custom nodes in an inherited scene. GUIRelay maintains the generated base scene and updates stored inherited-scene paths when linked layers are renamed or moved in Figma.

Use Inherit in the dock for the first setup, and Re-import when you want to rebuild from the last pushed design. Subsequent pushes update the base while preserving your inherited work.

Your inherited scene sits under its generated scene in the dock.

Treat the generated scene as the design source. Deleting a linked layer also removes its inherited edits. Node paths written inside scripts, such as $Title or get_node(), aren’t rewritten; check the import notes after renaming or moving layers.

Troubleshooting

The addon isn’t in Project Settings

Check for res://addons/figdot/plugin.cfg. A ZIP’s extra outer folder can leave it one level too deep. Install into your existing game project and enable the plugin there.

I can’t find it in Godot’s search

Search in the Asset Store tab, inside your project, on Godot 4.7 or newer. On earlier versions, or if it doesn’t appear, use the release ZIP.

The apps aren’t connecting
  • Keep the Godot project open with the addon enabled, and run GUIRelay in Figma desktop on the same computer.
  • Copy a fresh token from the project you want to use. Tokens change when Godot restarts.
  • Paste it into the plugin’s Settings and reconnect. Check the project name before pushing.
  • Read the Godot dock’s connection status and last import notes for the specific error.

Need a hand? Reach out to @realvjy ↗

NextDesign for GodotMake your layouts and controls import the way you expect.