REST API Integrations for Figma

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

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!

Source: https://glitch.com/~figma-pacman

Play: https://figma-pacman.glitch.me/

Figma file to duplicate: https://www.figma.com/community/file/769707486811574398/play-figma-pacman

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.

Project: https://figma-systems.glitch.me/

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)