My specific use case is this: I’m using figma to design yearbook spreads for our school’s yearbook. Instead of manually adding each photo for staff/student photos, I figured there must be a way to automate this.
So I made a component that I could use many times for staff and student pictures, which included text (the name of the person in the photo) and a picture. Instead of going into fill → photo → import from computer, I thought there must be a way to automate it even further. I found a plugin called “google sheets sync” that allows me to read data off of a google sheet and automatically put it in the component instances. I also made a google apps script that reads the folder where the photos are stored in google drive, parses the the file name to find the name of the person in the photo, and creates a link to that photo that can be accessed by anyone/thing. Importing off of this sheet worked great for the text, but the images failed to load. In the documentation for the plugin it even describes how you can add images. I followed their steps exactly and yet the same thing occurred. I thought it might be an issue with CORS (google drive links aren’t cors enabled) but trying the same thing with a cors enabled link still won’t load the image in the file.
It really should be easier for plugins to import photos into figma from external sources (like drive). I tried many other plugins to try and automate this but was ultimately unsuccessful.
I just want a way to automate my workflow so I don’t have to add all of those images in manually. Any tips would be appreciated.