Welcome to the ProtoShare blog.

Anchor Links in ProtoShare

Anchor links allow you to navigate (or jump) to other locations on the same design. Creating anchor links in ProtoShare is a two step process.

1) Specify an ID (#id) in the Mark-up section of the Inspector of the target component(s) you want to automatically scroll to:

#id field in the Inspector







2) Add that same ID in the On Click – Link property of the trigger component to create a link from the triggering component to the target component.

On Click – Link field of the Inspector







Be sure to use Run or Review to test anchor links, as links cannot be followed in the editor. Here’s an example mock up that includes anchor links.

Our friendly customer service is here to help if you have additional questions. You can reach us by email, live chat, or by phone at 1.877.938.9834.

Posted in Blog, ProtoShare Tips & Tricks | Leave a comment

Design With People, Not For Them

Interesting article about ego and designers from hongkiat – I love the sentence “Designing with the people you and your clients want to reach, rather than for them, is key.”  When you’re able to make collaboration work to get everyone in a project on the same page, the results are amazing.  Use ProtoShare to make that happen for your organization.

Posted in Business | Leave a comment

ProtoShare 9.4.6 releasing March 1st

We’re releasing ProtoShare 9.4.6 on March 1st.  This release consists of changes to the Listing in the ProtoShare Editor.  The Listing is a feature that allows you to see an outline view of any component on your design, and to select, move, re-order or perform other operations on one or more components.

ProtoShare Component Outline

ProtoShare Component Outline


Show/Hide control for all Components

Current: Eyeball to toggle hide/show only when state attached to a component

Attaching a “State” to a component (to hide or show it) causes an ‘eyeball’ icon to appear to the left of that element in the Outline. Clicking the eyeball changes States to show or hide the component.

New: All components have an eyeball to toggle hide/show. Components with states attached have a lightning bolt.

We’ve added an eyeball to every component in the Outline. Clicking the eyeball will hide or show that component. This is a really useful feature when working on prototypes with many components or layers, by allowing you to hide some of the elements while you are working.  By combining this with Container components, you can use the listing to work with different ‘layers’ in your prorotype.

The icon for a component with a State attached is now a lightning bolt.  Clicking the lightning bolt will show or hide the component by changing the appropriate states.


Actions indicator in the Outline

The other change to the Outline involves identifying components that have Actions attached to them.  Actions in ProtoShare are events (like clicking or hovering on a component) that trigger States to change.  Today, the Outline does not show you which components have Actions.

New: Components with Actions attached show a hand icon to the right of the name.

Outline will display a ‘hand’ icon to the right of any component which has an Action attached.

Thanks for all your feedback on these additions – happy prototyping!

Posted in Blog, Releases | Leave a comment

UX Resources

Wanted to share a really nice article cataloging and categorizing many different UX articles.  Mariusz Ciesla provides links for everything from design process to user psychology to learning technology.  Check it out!

Posted in Uncategorized | Leave a comment

Tips for handoff between designers and developers

Came across a nice article about smoothing the handoff from designers to developers.  This article reiterates something we’ve talked about a lot – prototyping and process can help create a shared understanding between developers and UX’ers.  Ultimately, the best hand-off is no hand-off at all, but rather a continuous, iterative process based on communication and working closely together.

I love to see ideas bouncing from UX and developers, and from developers back to UX’ers.  Creating a shared understanding, getting everyone on the same page early and keeping communication open and easy will make your projects run faster, smoother and produce better results.  Using ProtoShare is a great way to make this communication part of your team’s DNA.

Posted in Prototyping Benefits | Leave a comment