31:[{"id":"e53827fcf12fc816590beb4b768f8ae59abaf029ea9296dbd27eb6c2ba602b069e8ed8fa904be7aae13a7ce172f8c5603d8c5e446a271c1452667172600da907","href":"https://static.observableusercontent.com/files/e53827fcf12fc816590beb4b768f8ae59abaf029ea9296dbd27eb6c2ba602b069e8ed8fa904be7aae13a7ce172f8c5603d8c5e446a271c1452667172600da907","name":"data.json","type":"application/json","lastModified":1623826200011.139,"size":18835},{"id":"fcebe6056314cca8aaa0324f3c3c17edaeb74752033305e3d9d2f43e6755383d550cee3f39bbd75522aabb8a6e6b30c8d7d967c6c4fe9eca853443491b110c2f","href":"https://static.observableusercontent.com/files/fcebe6056314cca8aaa0324f3c3c17edaeb74752033305e3d9d2f43e6755383d550cee3f39bbd75522aabb8a6e6b30c8d7d967c6c4fe9eca853443491b110c2f","name":"images.json","type":"application/json","lastModified":1626138011136.967,"size":3820},{"id":"8fc7e0cb5cf010affb31e84ccf54d80d3950639f7cf8eccbcf59699a81a8bc99d4b4ba659bfda2ebcf2965cb4d7f1016b1d51b6a4a2ccb175e9d9cc29e1d1b05","href":"https://static.observableusercontent.com/files/8fc7e0cb5cf010affb31e84ccf54d80d3950639f7cf8eccbcf59699a81a8bc99d4b4ba659bfda2ebcf2965cb4d7f1016b1d51b6a4a2ccb175e9d9cc29e1d1b05","name":"data@1.json","type":"application/json","lastModified":1676557531230.248,"size":24365},{"id":"33e708f48a393619c4de674f6ab6e56340a71aac894a584ab61ea748401386c843983626f7a4e51d16cf58badb63e6b0ee2c297995aff2a362495f965efaf385","href":"https://static.observableusercontent.com/files/33e708f48a393619c4de674f6ab6e56340a71aac894a584ab61ea748401386c843983626f7a4e51d16cf58badb63e6b0ee2c297995aff2a362495f965efaf385","name":"images@1.json","type":"application/json","lastModified":1676557653717.121,"size":3612},{"id":"5458d876ccecd02d22b5e87f054c5978e071699070f2af9c0bb44d27e298c3f4d4604781a06d76a45dad45437586dbb641c510f5bb83a7c7197988c15adb7f63","href":"https://static.observableusercontent.com/files/5458d876ccecd02d22b5e87f054c5978e071699070f2af9c0bb44d27e298c3f4d4604781a06d76a45dad45437586dbb641c510f5bb83a7c7197988c15adb7f63","name":"images2 (1).json","type":"application/json","lastModified":1691030417737.081,"size":20646}] 2f:{"title":"Figma API Starter","cells":[{"id":56,"value":"# Figma API Starter\n

[Docs](https://www.figma.com/developers/api)

\n\n1. Create a [Figma access token](https://www.figma.com/developers/api#access-tokens) \n2. Save it in a [Secret](https://observablehq.com/@observablehq/secrets?collection=@observablehq/getting-data-in-and-out) called `FIGMA_TOKEN`\n3. ${hasApiKey ? \"✅ Secret found\" : \"⚠️ Secret not found\"}","pinned":false,"hidden":false,"mode":"md"},{"id":705,"value":"To fetch information about a document:","pinned":false,"hidden":false,"mode":"md"},{"id":510,"value":"url = \"https://www.figma.com/file/A3XoZhmJtENSXdh7EnEHbw/2x2-demo\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":104,"value":"data = hasApiKey\n ? figma(`/v1/files/${parseFigmaURL(url).fileId}`)\n : FileAttachment(\"data@1.json\").json() // cached version for demo","pinned":true,"hidden":false,"mode":"ojs"},{"id":506,"value":"To get all image assets for that document:","pinned":false,"hidden":false,"mode":"md"},{"id":461,"value":"scale = 1 // between 0.01 and 4","pinned":true,"hidden":false,"mode":"ojs"},{"id":463,"value":"format = \"svg\" // or \"png\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":618,"value":"

\n ${objects.map(obj => htl.html`

\n ${obj.id}\n

${obj.name}

`)}\n

","pinned":false,"hidden":false,"mode":"html"},{"id":643,"value":"// Skip the first because the overall document doesn't return an image\nobjects = flattenChildren(data.document).slice(1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":396,"value":"images = hasApiKey\n ? (\n await figma(`/v1/images/${parseFigmaURL(url).fileId}`, {\n ids: objects.map((d) => d.id),\n scale,\n format\n })\n ).images\n : FileAttachment(\"images2 (1).json\").json() // cached version for demo","pinned":true,"hidden":false,"mode":"ojs"},{"id":29,"value":"import {figma, hasApiKey, flattenChildren, parseFigmaURL} from \"@observablehq/figma-api-helpers\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":726,"value":"// For a notebook to access Secrets, it must statically reference one; this cell grants Secret access to the notebook from which we import the Figma API helpers. `undefined &&` prevents the Secret from appearing in plaintext in the Inspector.\nundefined && Secret(\"FIGMA_TOKEN\")","pinned":true,"hidden":true,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}