Mobile Wireframe UI Kit

Figma Resource

Mobile Wireframe Kit

This wireframe kit contains a collection of commonly used system components to mock up your mobile (phone) ideas quickly, before investing in the full design. Use it to share ideas, iterate, prototype, and get buy in before you build.

What’s included?

  • Android and iOS medium-fidelity components
  • Handwriting font (Kalam) versions of those components for lower-fidelity wireframes
  • A handful of very generic/platform agnostic placeholder components
  • Top navs
  • Tab bars
  • Keyboards
  • Alerts/messages
  • Icons and symbols
  • Controls and inputs (toggle switch, segmented controller, buttons, checkboxes, radio buttons)
  • Date picker
  • Lists
  • Floating action buttons
  • Buttons with and without icons
  • Increment spinners

Before you start

You’ll need to install SF Pro from Apple to customize the iOS components, which you can download

here

.

What isn’t included?

This kit only contains components for mobile devices, not tablet or desktop.