What's Sketch Emmet?

A plugin that gets Emmet HTML abbreviations snippets to be expanded based on layers list structure and naming.

Specific tags and attributes

Get snippets of images/blocks with size attributes(width and height), text layers in HTML tags and linebreaks automatically added.

Learn more about Emmet Abbreviations Syntax https://docs.emmet.io/

You just need to organize and name your groups/layers correctly using Emmet’s abbreviations syntax, and then go to

Plugins » Sketch Emmet » Get Emmet Snippet.

Sketch Emmet is free, under MIT License

NOTE: In addition to Sketch Emmet you will need to have Emmet Plugin in your editor favorite to expand the snippets abbreviations properly.

Download Sketch Emmet GET STARTED