Published on | Prototyping: From UX to Front End — Medium Eli

You know why Sketch is awesome?

Because with Sketch you can use unlimited canvases (Artboards) side by side to create a full project on one screen. The amount of time and mental stress you save by not having to flip back and forth between pages is a life saver and a creativity booster.

You know why UX-App is awesome?

Because with UX-App 2.55 you can now use artboards too! And create a full flow for each device type side by side, in perfect alignment, and complete control.

Check this out:

Notice that:

Components across artboards are always aligned perfectly relative to each other
We can quickly move between different screens in the flow without breaking rhythm
We can preview our final fully functional prototype while staying in canvas with one click

Once we finish with our default mobile flow — we clone it, set a new device type for our second flow and adjust our components to our selected tablet size.

If we forget a screen in our flow, and need to add it to the hierarchy, it’s as simple as a click:

Click on the “+” at the top right of the artboard header to add an artboard to the left or right of the current board, a quick CTRL+A copies all components from the previous artboard, and our new test variable is ready to be tweaked.

Sketch is a great tool for designers, but UX-App was built for mockups & prototyping so we’ve added a few little perks (with more coming) that will help product planners better control their product prototypes using artboards. So go to www.ux-app.com and let us know what you think about this new product planning experience.

What’s next for UX-App?

With artboards and layers now an integral part of UX-App, we’re looking forward to bring our users:

Native device themes — using a barebones wireframe style is great, but imagine working with native themes and toggling flow themes between Android, iOS & desktop with one click
Bringing back live chat — coordinate live with your remote team from anywhere in the world using a tokenized chat exportable to your specification
UAC — set passwords to sensitive projects and share links
UX-App BrainStorm — brainstorm ideas for products in a powerful editor that automatically creates screens, artboards, and components
Sketch integration

Hey, looks like you read all the way to the bottom!

As a as a reward, here’s a 40% off discount link for UX-App,

feel free to share the link around 🙂

Planning products in flows with UX-App artboards was originally published in prototypr on Medium, where people are continuing the conversation by highlighting and responding to this story.

Planning products in flows with UX-App artboards

Cool stuff, every week

More Articles