Wireframe.sketch is a simple wireframing library for Sketch.

Install

• Clone or Download this repo.
• Extract Wireframe.Sketch to a convinient location.
• Open a blank document in Sketch.
  1. Go to Preferences > Libraries
  2. Click on Add Library
  3. Choose Wireframe.sketch in the popup.

How to use.

• Install Sketch Runner for a faster workflow.
• Open a new document where you're going to create your wireframes.
• Start inserting components as shown in the demo video below.

Major Components

• Color

  • Black
  • Main Grey
  • Dark Grey
  • Light grey
  • White

• Text

  • Heading 1
  • Heading 2
  • Heading 3
  • Map

• Input

  • Text
  • Dropdown
  • Radio
  • Checkbox

• Button

• Component

  • Modal
  • Tab
  • 3 Tab Group (Horizontal and Vertical)
  • 2 Tab Group (Horizontal and Vertical)
  • Label
  • Separator
  • Progress Bar
  • Image
  • Map

• Notes

  • Feedback
  • Note
  • Important
  • Task

Open Source Attributions

• Icons used are from Material Icons Sketch Library Sketch Resource
• Notes component are not mine. I have downloaded, improved and integrated it in the library. Please ping if you know the creator.