Unzip the file and double-click on it to install the plugin
Download codegen-tutorial.sketch — we will use it for the onboarding tutorial
Signup with Codegen and login to the plugin
Learn how to organize Sketch layers so they are exported correctly
Let’s make the static Sketch design into a fluid HTML page
Quick look at the final code ready for hand-over
Try converting one of your own designs. Start only with a single artboard and not a large design file. It can get overwhelming if you begin with a complex design and multiple artboards.
Watch the tutorial Make truly responsive designs to learn how to make the design work beautifully well across all device sizes.
Watch the tutorial Deep dive into Layer Grouping to understand how grouping works and apply that to complex designs.
Write to us with your questions, comments, and frustrations at firstname.lastname@example.org. We look forward to hearing from you.