Skip to content

Hackathon project: AI-powered Figma plugin to assist users in writing neat and organized code and it should adhere to our coding guidelines and maximizes the reuse of existing functionalities.

Notifications You must be signed in to change notification settings

naveen-ls-glean/figma-2-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Build Plugin with the following commands

$ npm install --legacy-peer-deps
$ npm run build

To watch for code changes and rebuild the plugin automatically:

$ npm run watch

Then install the plugin in Figma

  1. In the Figma desktop app, open a Figma document.
  2. Search for and run Import plugin from manifest… via the Quick Actions search bar.
  3. Select the manifest.json file that was generated by the build script.

Run Python script to generate react code with following commands:

  1. cd src/python
  2. source env/bin/activate
  3. python3 figmaBuddyV2.py

It will run a local server which listens to port 8989. Input to this server is the image of UI mock and output is the react code.

About

Hackathon project: AI-powered Figma plugin to assist users in writing neat and organized code and it should adhere to our coding guidelines and maximizes the reuse of existing functionalities.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published