Skip to content

shashaBot/sketch2code-block

Repository files navigation

Sketch2Code block

This blocks allows UI designers to build prototypes in seconds from UI Sketches using the Sketch2Code API.

The user can create and edit sketches without leaving their collaboration space in airtable. When they have created a sketch, then can click on "Code" tab to generate HTML Code based on their sketch in a few seconds.

How to run this block

  1. Create a new custom block in your airtable base (see Create a new block), select GitHub template and provide URL of this repository.

  2. (Optional) Set up your Sketch2Code API and Blob Storage following the docs here

  3. From the root of your new block, run block run.

  4. Optionally, you can provide your custom trained API and Blob storage URL (created in step 3 above) in the configuration settings of the block.

  5. Upload a '.png' image of a sketch or create a sketch using the block and select the attachment field then click on "Code" tab to generate the HTML Web page.

About

An Airtable block for creating UI sketches and automatically generating HTML code

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published