Pencil App: Create GUI Prototypes

In this course, you will learn to use wire-framing/ GUI prototyping tool Pencil and will create a UI prototype for an iOS mobile app.

Pencil App: Create GUI Prototypes

Duration (mins)


5.0 / 5


Task List

We will cover the following tasks in 27 minutes:

Introduction to Pencil

  • What is Pencil?
  • Descriptions of features of the Pencil App.
  • A look at the UI prototype that we will create in this course.

Creating the first page: Login

  • Common UI elements.
  • iOS UI stencils.
  • Create a login page.

Adding more pages: Registration, User Info

  • Locking components.
  • Renaming and duplicating pages.
  • Copying components.
  • Editing tables with markdown.

Linking pages and exporting

  • Using the ‘Link To’ feature for linking pages together.
  • Exporting the prototype.
  • Testing the prototype in a browser.

Watch Preview

Preview the instructions that you will follow along in a hands-on session in your browser.


About the Host (Amit)

I am a Software Engineer with many years of experience in writing commercial software. My current areas of interest include computer vision and sequence modelling for automated signal processing using deep learning as well as developing chatbots.

Frequently Asked Questions

In Rhyme, all projects are completely hands-on. You don't just passively watch someone else. You use the software directly while following the host's (Amit) instructions. Using the software is the only way to achieve mastery. With the "Live Guide" option, you can ask for help and get immediate response.
Nothing! Just join through your web browser. Your host (Amit) has already installed all required software and configured all data.
You can go to, sign up for free, and follow this visual guide How to use Rhyme to create your own projects. If you have custom needs or company-specific environment, please email us at
Absolutely. We offer Rhyme for workgroups as well larger departments and companies. Universities, academies, and bootcamps can also buy Rhyme for their settings. You can select projects and trainings that are mission critical for you and, as well, author your own that reflect your own needs and tech environments. Please email us at
Rhyme's visual instructions are somewhat helpful for reading impairments. The Rhyme interface has features like resolution and zoom that are slightly helpful for visual impairment. And, we are currently developing a close-caption functionality to help with hearing impairment. Most of the accessibility options of the cloud desktop's operating system or the specific application can also be used in Rhyme. However, we still have a lot of work to do. If you have suggestions for accessibility, please email us at
Please email us at and we'll respond to you within one business day.

No sessions available