# User Interface Prototyping Tools

**URL:** <https://forum.solidproject.org/t/user-interface-prototyping-tools/2967>\
**Category:** Ideas for Solid Apps\
**Created:** [April 25, 2020, 12:50pm UTC](https://forum.solidproject.org/t/user-interface-prototyping-tools/2967 "2020-04-25T12:50:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![anon36056958](https://avatars.discourse-cdn.com/v4/letter/a/b38774/32.png) [@anon36056958](https://forum.solidproject.org/u/anon36056958)\
**Post date:** [April 25, 2020, 12:50pm UTC](https://forum.solidproject.org/t/user-interface-prototyping-tools/2967/1 "2020-04-25T12:50:00Z")

</div>

This is a nice introduction to User Interface design and wireframing prototypes:

> **[Introduction to User Interface Design Through Wireframes | Wireframing Academy...](https://balsamiq.com/learn/courses/intro-to-ui-design/)**
>
> This easy-to-follow course is intended for Product Managers, Entrepreneurs, and other non-designers who want to feel comfortable in the world of UI design.

Could be useful for non devs too.

Some open source tools for prototyping:

> **[evolus/pencil](https://github.com/evolus/pencil)**
>
> The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.

> **[teracyhq/wireframe](https://github.com/teracyhq/wireframe)**
>
> free Teracy wireframe kit (and we're available for hire! https://dribbble.com/teracy https://www.behance.net/teracy)

> **[mydraft-cc/ui](https://github.com/mydraft-cc/ui)**
>
> Open source wireframing tool written in typescript, react and redux.