Code Challenge: Parsing Figma

Overview

A user on the translations team needs to know some information about Text within our designs to inform their decision when translating content.

They ask for the following information:

• Text Content
• Font size
• Font face
• Font weight
• Line height
• Dimensions of the Text box (width/height)

To be collected for all Text nodes in this Figma file (Please request access from your interview team).

Goals

Write a script which aggregates this data and makes a request to a mocked API at the fake URL http://test-url.com/translations/text-parts.

• Must use the Figma API directly (See Endpoints)
• Must use Typescript
• Helper libraries/ packages for common functionalties are encouraged
• Bonus: CSV reports are collected and written to disk which log statistics of the operation

Deliverables

1. Pull this repository, make changes, and create a Pull Request
2. Include documentation on how to run the script, and how to observe its outputs

Setup

Install Dependencies

npm install

Build

Run scripting

npm run build