HaikuTeam / animator

Design tool for creating Lottie animations and interactive web components
https://www.haikuanimator.com/
Other
1.44k stars 154 forks source link

Importing from Figma fails reliably #1071

Open Squareheron942 opened 2 years ago

Squareheron942 commented 2 years ago

When importing projects from the Figma desktop app I get an error saying it was unable to import project. I signed in through the Animator app only a few seconds earlier Screen Shot 2022-02-19 at 10 25 29 PM .

RobertDunbar commented 2 years ago

Same here. Any ideas on a fix?

nicoacvdo commented 2 years ago

Same here =__=

fnaufalh commented 2 years ago

same here :(

FranktheFurter commented 2 years ago

Same also :(

lucianodinapoli commented 2 years ago

Same here. Downloaded this to use with Figma, so I'm looking for other alternatives.

AfzalivE commented 1 year ago

Alright here's the quickest way to make this work, especially if you cannot compile the source in its current state.

Follow this guide and run the server locally. You can test with the /v0/ping endpoint in your browser. https://github.com/HaikuTeam/figma-auth

Download the latest Haiku dmg, copy over the app to the /Applications folder like it says and then follow these steps to extract the app.asar file. Don't forget to rename the original app.asar file to something else so it doesn't get used.

Open the extracted folder in VS Code or something.

  1. Search for baseUrl:process.env.HAIKU_API, change the url after that from https://inkstone.haiku.ai to http://localhost:8080/
  2. Search for tmhDo4V12I3fEiQ9OG8EHh, which is the Haiku Figma plugin client ID, replace that with your own Haiku Figma auth plugin client ID (from when you setup figma-auth above.

https://www.codepicky.com/hacking-electron-restyle-skype/

Run the app and it should work with Figma.

Tbh, after a few days of trying to get this to work and finally getting it working, it was not the right tool and wayyy to unintuitive to do what I was trying to do: A simple PNG sequence in Lottie.

Lottie export might work with SVGs but only from the Main component and other types of export probably doesn't work.