Figma API Wrapper for Framer

Figma API Wrapper for Framer - Work in progress

Documentation

Purpose: This demo aims to show how to fetch content from a Figma File.

API Methods (Demo WIP)

• requestFigmaFile this will fetch all the Canvas objects from the file url & loop to get the IDs for each Canvas.

• requestFigmaImage this function will fetch an image from a canvas ID.

• addToFigmaImageObject (WIP) this function will append the response from requestFigmaImage() and it will create a new Figma Image Layer.

• loadImageFromFigmaCDN (WIP) this function will create a new Figma Image Layer and it will preload the image into the session cache.

• setImageInFigmaImageLayer (WIP) this function include the image into the already created Figma Image Layer and it will push the Image Layer into the Page Component.

Configuration

1. Open the secret.coffee in /modules and add your own Figma Personal Token

exports.token = 'ai3-57wg5gbhe9-cspl-gclno-deheq-1qfrpxq6ax7x'
exports.fileurl = 'https://www.figma.com/file/FileKey/YourFile'

For more documentation

- [Figma Web API](https://www.figma.com/developers)

- [Figma API Documentation](https://www.figma.com/developers/docs)

- [Figma API Global Props](https://www.figma.com/developers/docs#global-properties)