Comments (9)
taking a look right now.
from figmachain.
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.
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?"
from figmachain.
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.
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.
try this for the first Figma file you provided:
python generateCode.py navbar
from figmachain.
Here's what it created:
Is that as intended? It doesn't really look like it is based on the original Figma design.
from figmachain.
from figmachain.
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
https://www.figma.com/file/7hMvD66jfqfU4DpSwMpoT9/Free-AI-image-generating-Landing-Page---Midjourney-Inspired-(Community)?node-id=0-1&t=AZWKWw7CvcIMaUdl-0
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)
from figmachain.
Related Issues (5)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from figmachain.