-
-
Save bmanim420/283aad9edc2a62b4be77d7555b9b7a30 to your computer and use it in GitHub Desktop.
Generates JSON from Figma file
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import request from 'request' | |
| const api_endpoint = 'https://api.figma.com/v1' | |
| const personal_access_token = 'FIGMA_ACCESS_TOKEN_HERE' // https://www.figma.com/developers/docs#auth-dev-token | |
| function downloadSvgFromAWS(url) { | |
| return new Promise((resolve, reject) => { | |
| request.get( | |
| url, | |
| { | |
| headers: { | |
| 'Content-Type': 'images/svg+xml', | |
| }, | |
| }, | |
| function(error, response, body) { | |
| if (error) { | |
| reject(error) | |
| } else { | |
| resolve(body) | |
| } | |
| } | |
| ) | |
| }) | |
| } | |
| function getComponentsFromChildren(children) { | |
| const components = [] | |
| const check = c => { | |
| if (c.type == 'COMPONENT') { | |
| components.push(c) | |
| } else if (c.children) { | |
| c.children.forEach(check) | |
| } | |
| } | |
| children.forEach(check) | |
| return components | |
| } | |
| function getImageUrls(file_key, componentIds) { | |
| return new Promise((resolve, reject) => { | |
| request.get( | |
| `${api_endpoint}/images/${file_key}`, | |
| { | |
| headers: { | |
| 'Content-Type': 'application/json', | |
| 'x-figma-token': personal_access_token, | |
| }, | |
| qs: { | |
| ids: componentIds, | |
| format: 'svg', | |
| }, | |
| json: true, | |
| }, | |
| function(error, response, body) { | |
| if (error) { | |
| reject(error) | |
| } else { | |
| resolve(body.images) | |
| } | |
| } | |
| ) | |
| }) | |
| } | |
| function getJSONFromFigmaFile(file_key) { | |
| return new Promise((resolve, reject) => { | |
| request.get( | |
| `${api_endpoint}/files/${file_key}`, | |
| { | |
| headers: { | |
| 'Content-Type': 'application/json', | |
| 'x-figma-token': personal_access_token, | |
| }, | |
| }, | |
| function(error, response, body) { | |
| if (error) { | |
| reject(error) | |
| } else { | |
| const components = getComponentsFromChildren( | |
| JSON.parse(body).document.children | |
| ) | |
| console.log(components) | |
| getImageUrls(file_key, components.map(c => c.id).join(',')).then( | |
| images => { | |
| const imagesArray = Object.keys(images).map(key => images[key]) | |
| downloadSvgFromAWS(imagesArray[0]).then(image => | |
| console.log(image) | |
| ) | |
| resolve(imagesArray) | |
| } | |
| ) | |
| } | |
| } | |
| ) | |
| }) | |
| } | |
| export default getJSONFromFigmaFile |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment