Skip to content
Convert Figma frames into a Google Slides presentation 🍭
Branch: master
Clone or download
Latest commit b52395d Feb 21, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE.md Initial commit Jan 20, 2019
README.md Stealthy changes Feb 20, 2019
index.php Script + Guide Jan 20, 2019

README.md

Figma to Google Slides

Demo
Convert Figma frames into a Google Slides presentation, as showcased here πŸ“½οΈ

The order of the slides is determined by the frame hierarchy in Figma, from bottom to top. That means that the first slide is the one placed on the bottom of the "Layers" panel, and the last one is the one on the top.

Made by 18 y/o πŸ‘© Alyssa

Installation

  1. Import the Google API PHP Library! ✨ If you import it without composer, make sure that the path on the first line matches where the library is hosted in your server. Otherwise, you can replace that line from the code.
  2. Create a service API key in the Google API Console. You can follow the same steps described in the second section of my guide on using the Google Sheets API πŸ“– . Import it to your server and replace the path in the code.
  3. Go to your Google Slides presentation, click on "Share" and enter the previously generated email address (your service API email address) into the "People" field with edit permissions πŸ”‘
  4. Replace the Google Slides presentation ID and Figma file ID from the code πŸ”—
  5. Find your personal Figma access token by going to the API documentation πŸ€–, scrolling down to the "Access Tokens" section, and clicking on "Get personal access token" on the right. Replace it in the code.
  6. Run the script & enjoy! Every time you run the script you will update the slides with the different frames from Figma 🍭

Feel free to reach out to me through email at hi@alyssax.com or on Twitter if you have any questions or feedback! Hope you find this useful πŸ’œ

You can’t perform that action at this time.