Blade is a sketch plugin designed to generate prototype web pages. Add simple annotation to your sketch layers and blade will get the magic done. Click image below to see demo video.
- Copy blade.sketchplugin in dist folder to sketch plugin folder.
- Create a artboard to group your layers.
- Run
Blade -> Export Current Artboardon plugin menu.
You can check the example file and its output in the example folder.
Blade use layer name annotation to convert layer to certain html component.
Add link to any kind of layer.
[A?url=http://www.github.com/sskyy/blade]xxx
Switch between different versions of any layer. Press Command key to see selectors.
[Case]
[#caseName=red]xxx
[#caseName=blue]xxx
Default type of group layer. Can be centered to its container.
[Group?center=true]
Layer will not show in output.
Export any kind of layer as a Image.
- Group( as default)
- A
- Button
- Case
- Ignore
- Img
- Input
- Text
- Textarea
Support basic javascript