Post Image

How to wireframe a modal & dialog box?

Marcin Treder
Marcin Treder

Have you ever tried to wireframe a modal window? I’m sure you did.

It was always a struggle for me. I couldn’t understand why it’s not possible to create modal overlay with 100% width (usually grayish, half-transparent background). I was frustrated to always start right at the beginning… You know the story.

It’s a small thing, but great designs are full of beautiful details.

And we decided to add this small detail to UXPin to make your professional life a little bit better. Just take a look at the video:

Hurray! :)

If you don’t have your UXPin account yet and want to feel the relief of easy modal & dialog box wireframing, join us – it’s FREE!

ps. I’m proud of whole UXPin team. Our App is getting better and better every day!

Marcin Treder

by Marcin Treder

Marcin Treder, UXPin CEO, is a design enthusiast that literally lives for creating the best user experience possible. After years working as a UX Designer and UX Manager he focused on his own start-up UXPin that provides tools for UX Designers all over the world. UXPin tools are used by designers in companies like Google, Apple, Microsoft, IBM, Salesforce. UXPin was recently voted the best start-up in Central and Eastern Europe. Marcin enjoys writing (e.g. for Smashing Magazine, .Net Magazine, UXMag, DesignModo, SpeckyBoy...), blogging ( and tweeting (@uxpin, @marcintreder).

Still hungry for the design?

UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.

Start your free trial

These e-Books might interest you