FigmaToCompose icon indicating copy to clipboard operation
FigmaToCompose copied to clipboard

how to use

Open UltraSina opened this issue 4 years ago • 3 comments

please create help video

UltraSina avatar Oct 30 '21 10:10 UltraSina

we need a video on how to run the plugin I don't understand what is the command "Windows wsl bash dos2unix gradlew ./gradlew run --args="-config=application.conf" "

helmysaeed avatar Nov 14 '21 17:11 helmysaeed

I just installed wsl from Windows Store app. Then I installed Ubuntu 22.04.2 LTS from Windows Store app. And restart my computer.

I ran PowerShell as administrator and:

wsl
cd my/location/FigmaToCompose
sudo apt-get update
sudo apt-get install dos2unix
sudo dos2unix gradlew
./gradlew run --args="-config=application.conf"

I got an error about JAVA_HOME. Then:

wget https://download.oracle.com/java/17/latest/jdk-17_linux-x64_bin.deb
sudo apt-get install ./jdk-17_linux-x64_bin.deb
./gradlew run --args="-config=application.conf"

And restart the computer again.

It helped me.

antaki93 avatar Nov 01 '23 15:11 antaki93

Hey, I found the readme confusing as well. But actually it's pretty simple:

Regardless of whether you're on mac, linux or windows, after cloning the repository, open the project on android studio and go to the terminal. You don't need WSL or anything. Just directly paste the following command and hit enter:

./gradlew run --args="-config=application.conf"

After some time, the server starts running as can be seen below: image

Then you can just select a node on your figma project and run the plugin as shown in the video. Click "generate" to get the composable code.

vens8 avatar Feb 23 '24 22:02 vens8