Open harrisonr98 opened 1 year ago
taking a look right now.
Try something like this:
python generateCode.py register
you need to include an arg, a string that represents the element (like form) that you want to create code for
Running python generateCode.py register
opens output.html with the following text:
"Unfortunately, there is no design context provided for the register page. Can you please provide more information or a design file for me to work with?"
Can you try with a simpler Figma file where there is only one page?
I'm wondering if its because there is multiple pages in the Figma file.
I get the same error using a one page Figma file (and changing the .env file accordingly)
Here's what I used this time: https://www.figma.com/file/7hMvD66jfqfU4DpSwMpoT9/Free-AI-image-generating-Landing-Page---Midjourney-Inspired-(Community)?node-id=0-1&t=AZWKWw7CvcIMaUdl-0
try this for the first Figma file you provided:
python generateCode.py navbar
Here's what it created:
Is that as intended? It doesn't really look like it is based on the original Figma design.
You can try running the script multiple times to see the result. The design isn’t deterministic.
Also, if you have access to GPT-4 through the API, I highly recommend updating the LLM so it uses GPT-4 instead of gpt-3.5-turbo. The results match the figma file much more closely.
On Apr 30, 2023, at 3:07 PM, harrisonr98 @.***> wrote:
Here's what it created:
Is that as intended? It doesn't really look like it is based on the original Figma design.
— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you are subscribed to this thread.
Thanks. It might just be that my input isn't specific enough, and that gpt-3.5 is not the greatest. I noticed a trend when trying other Figma designs that it just takes the image and builds on top of it:
This one, however, came out much better than the others, not sure why. https://www.figma.com/file/51byow4KpEtz1gk69wOv3e/Free-Rotating-Planet-Loaders-(Community)?node-id=0-1&t=yzt1J8yrlK64NrCV-0 (the image is rotating)
Output only displays demo - not the figma design from .env
I removed my OpenAI key and Figma Token from the .env for screenshot purposes
Figma design URL: https://www.figma.com/file/otuSGS6XKMka1pKgEgTX80/Portfolio-(Community)?node-id=0-1&t=zCYLl0Nlue1KyiUH-0