Git Product home page Git Product logo

Comments (9)

peterw avatar peterw commented on September 4, 2024

taking a look right now.

from figmachain.

peterw avatar peterw commented on September 4, 2024

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

from figmachain.

harrisonr98 avatar harrisonr98 commented on September 4, 2024

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?"

image
image

from figmachain.

peterw avatar peterw commented on September 4, 2024

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.

from figmachain.

harrisonr98 avatar harrisonr98 commented on September 4, 2024

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

from figmachain.

peterw avatar peterw commented on September 4, 2024

try this for the first Figma file you provided:

python generateCode.py navbar

from figmachain.

harrisonr98 avatar harrisonr98 commented on September 4, 2024

Here's what it created:

image

Is that as intended? It doesn't really look like it is based on the original Figma design.

from figmachain.

cirediatpl avatar cirediatpl commented on September 4, 2024

from figmachain.

harrisonr98 avatar harrisonr98 commented on September 4, 2024

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:

https://www.figma.com/proto/FphPnQNvY0TfTmPxMwnwf8/The-Matte-Engine-(UI-KIT)-(Community)?node-id=0-2&scaling=min-zoom&page-id=0%3A1
image

https://www.figma.com/file/7hMvD66jfqfU4DpSwMpoT9/Free-AI-image-generating-Landing-Page---Midjourney-Inspired-(Community)?node-id=0-1&t=AZWKWw7CvcIMaUdl-0
image

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
image
(the image is rotating)

from figmachain.

Related Issues (5)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.