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:
    s1

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:
    s2
  • Make use of plugins from the Sketch Toolbox to speed up the design process:
    23
  • 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:

✌Join us for more

1000s have recommended us, sign up today for free.

  • Stay up to date with prototyping tools and design news.
  • Comment and give feedback.
  • Become an author and share your expertise.
Sign Up