slint/tools/figma_import

figma_import: Figma to SixtyFPS import tool

This tool import a design from figma into a .60 file.

Get a Token from figma

When logged in into Figma, go to "Account settings" (from the "Help and account" submenu of the hamburger menu, Or click on your name, then "Settings")

In the section "Personal access tokens", click on "Create a new personal access token", enter some randeom description, and then copy the token in the yellow frame.

Exporting a file

The file ID is the string of character that is in the URL when you have an open design, for example, the url look like this: https://www.figma.com/file/XxxxxxXXXxxXX/Some-description/...

and the File ID is that XxxxxxXXXxxXX string.

Then you can export that file to a .60 by running the command

cargo run -- --token aaaaaa-bbbbbbbb-cccc-dddd-eeee-ffffffffffff XxxxxxXXXxxXX

With the right token and file id.

This will create a figma_output directory with a main.60 file and some images.

Other options:

• --node <id> to generate a specific node (eg: "123:12")
• --child <index> to generate from one of the direct child of the canvas.