All Projects → alyssaxuu → Figma To Google Slides

alyssaxuu / Figma To Google Slides

Licence: mit
Convert Figma frames into a Google Slides presentation 🍭

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Figma To Google Slides

Geocoder
🌎 GoLang package that provides an easy way to use the Google Geocoding API
Stars: ✭ 23 (-94.03%)
Mutual labels:  api, google-api, google
Ng Gapi
ng-gapi a Google api module for Angular 6+
Stars: ✭ 126 (-67.27%)
Mutual labels:  api, google-api, google
Google Translate Api
A free and unlimited API for Google Translate 💵🚫
Stars: ✭ 1,996 (+418.44%)
Mutual labels:  api, google
Googleauthr
Google API Client Library for R. Easy authentication and help to build Google API R libraries with OAuth2. Shiny compatible.
Stars: ✭ 150 (-61.04%)
Mutual labels:  api, google
Php Google Translate Free
PHP class to use the Google Translator API for free.
Stars: ✭ 182 (-52.73%)
Mutual labels:  api, google
Raccoon4
APK Downloader for Google Play
Stars: ✭ 369 (-4.16%)
Mutual labels:  google-api, google
Dialogflow Web
Web App for Dialogflow
Stars: ✭ 135 (-64.94%)
Mutual labels:  api, google
Youtubeshop
Youtube autolike and autosubs script
Stars: ✭ 177 (-54.03%)
Mutual labels:  api, google
Parse Google Docs Json
Authenticates with Google API and parse Google Docs to JSON or Markdown
Stars: ✭ 100 (-74.03%)
Mutual labels:  api, google
Realtime object detection
Plug and Play Real-Time Object Detection App with Tensorflow and OpenCV. No Bugs No Worries. Enjoy!
Stars: ✭ 260 (-32.47%)
Mutual labels:  api, google
Googleanalyticsr
Use the Google Analytics API from R
Stars: ✭ 213 (-44.68%)
Mutual labels:  api, google
Flutter Ui Nice
More than 130+ pages in this beautiful app and more than 45 developers has contributed to it.
Stars: ✭ 3,092 (+703.12%)
Mutual labels:  api, google
Gsheets Db Api
A Python DB-API and SQLAlchemy dialect to Google Spreasheets
Stars: ✭ 122 (-68.31%)
Mutual labels:  api, google
Esp V2
A service proxy that provides API management capabilities using Google Service Infrastructure.
Stars: ✭ 120 (-68.83%)
Mutual labels:  api, google
Trino
Trino: Master your translations with command line!
Stars: ✭ 118 (-69.35%)
Mutual labels:  api, google
Google Translate
🈯 A Node.JS library to consume Google Translate API for free.
Stars: ✭ 152 (-60.52%)
Mutual labels:  api, google
Google Chart
Google Charts API web components
Stars: ✭ 284 (-26.23%)
Mutual labels:  api, google
Node Google Dfp
A service for integrating with Google DFP over NodeJS
Stars: ✭ 84 (-78.18%)
Mutual labels:  api, google
Searchconsoler
R interface with Google Search Console API v3, including Search Analytics.
Stars: ✭ 99 (-74.29%)
Mutual labels:  api, google
Openapi Directory
🌐 Wikipedia for Web APIs. Directory of REST API definitions in OpenAPI 2.0/3.x format
Stars: ✭ 2,635 (+584.42%)
Mutual labels:  api, google-api

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 top to bottom in the Chrome Extension, but reversed in the Minified Version.

Made by Alyssa X

Installation (for the Minified Version)

  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 🍭

Installation (for the Chrome Extension)

  1. Create a Chrome extension with the files in the Chrome Extension folder (you can follow this guide) 📖
  2. Generate a OAuth 2.0 client ID in the Google API Console. Select "Chrome App", and insert your App ID (which is generated when you create the extension).
  3. In the manifest.json, replace "google_client_id" with your previously generated OAuth 2.0 client ID.
  4. Generate an API key, leave it as unrestricted, and replace "google_api_key" in the background.js with the generated API key 🔑
  5. Install the extension in your browser and enjoy!

Feel free to reach out to me through email at [email protected] or on Twitter if you have any questions or feedback! Hope you find this useful 💜

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].