REST API Integrations for Figma
Gleb Sabirzyanov
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!
Source: https://glitch.com/~figma-pacman
Figma file to duplicate: https://www.figma.com/community/file/769707486811574398/play-figma-pacman
Figma to Statechart
Figma.systems is a tool for automatically generating Sketch.systems
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/
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
