Convert figma file to image format

Question

I want to let user upload figma file and diplay those figma files as images in React application.

use case: User can upload his/her design as figma files and display as images

Can i do this task?

Answer 1

1. You need to use the API to authenticate the user.
2. Then you need to prompt the user to type in the figma url of his project. Figma projects are not files, but urls.
3. Then you parse the json from the API response and fetch all top level frames/artboards
4. You need to instruct the user to have an export property added to all top level artboards. Then with the images API call you fetch the exported image and save it on your server
5. Figma projects usually have multiple artboards so you need to fetch the images of all artboards.

Answer 2

to convert the figma file to images, you need to select the file or layout that you want to convert and then go to top-right corner hover on figma logo, select files --> export.

then you can check/uncheck the files and click on export.