REST API Integrations for Figma

Gleb Sabirzyanov

0

Product Designer

Web Developer

Design Systems

Figma

Glitch

Visual Studio Code

Back when Figma first introduced REST API, I immediately jumped to try it and built some fun tools with it.

Figma PAC-MAN Game

Design your own custom PAC-MAN game right in Figma and play it!
Every aspect of the game can be fully customized: blocks, walkways, consumables, enemies and even the playable character. Create custom levels with unique layouts and challenges. The size of the level and their amount is not fixed so you can be as creative as you want!
View post on X

Figma to Statechart

Figma.systems is a tool for automatically generating Sketch.systems state machines from Figma prototypes.
It turns Figma prototypes into Sketch.systems code and creates an interactive preview for developers and designers to study and analyze with the goal of finding and improving logical flaws and translating the model into the actual application code.
Figma prototypes already are basically state machines. By converting them into a developer-friendly statechart, the designer intent is fully carried over to functional implementation in code.

Figma to GIF

Combine frames on a Figma page into a GIF. Before plugins API this was the only feasible solution to generating GIFs. This was one of the first projects using the Figma REST API ever, made right after the API was released.
What's special about this project is I used Figma OAuth to authenticate the user and export images from their file.
Example file:
Converted to GIF:
Source URL: https://glitch.com/~figma-to-gif (project currently not working because database is not online)
Like this project
0

Created multiple projects utilizing Figma's REST API: a playable fully-customizable PAC-MAN game, prototype to state machine converter, early Figma to GIF tool.

Likes

0

Views

0

Tags

Product Designer

Web Developer

Design Systems

Figma

Glitch

Visual Studio Code

Gleb Sabirzyanov

Figma Plugin Developer for Design Systems Automation

Master plugin for Figma
Master plugin for Figma
Custom Figma plugins for product design and design systems
Custom Figma plugins for product design and design systems