3 Step Overview of Sketch

1. Create wireframes ?  2. Use symbols and plugins ?  3. Test and Export

1. Create Wireframes

  • Use Sketch’s vector design tools to create UI designs:
  • Sketch focuses on design in pixels, specifically for user interfaces and wireframes, so it’s not bloated with photo editing tools like photoshop:

2. Use Symbols and Plugins

  • Symbols speed up the design process – create a UI element once and reuse it multiple times, only editing it in one place:
  • Make use of plugins from the Sketch Toolbox to speed up the design process:
  • e.g. Content Generator for Sketch:

3. Test and Export

  • Test your designs using Sketch Mirror to present your Screens on your phone:
  • Export entire art boards or export as individual images: