top of page

Braving Through Remote Work

ginger-cat-759.png
ginger-cat-work-from-home.png
ginger-cat-149.png

To assist communication amongst teammates during group discussions.

ginger-cat-ginger-cat-11.png
ginger-cat-746.png
ginger-cat-149.png

To improve team productivity and efficiency by keeping things organized and through task delegation features.

ginger-cat-ginger-cat-11.png
ginger-cat-new-idea.png
ginger-cat-149.png

Prototyping Tool

Interface design tool to create wireframes, digital simulation or demo of an application, website, etc.

ginger-cat-ginger-cat-11.png
ginger-cat-740.png
ginger-cat-149.png

Virtual platform that enables effective team collaboration and ideation through the use of sticky notes, drawing tool, etc.

ginger-cat-ginger-cat-11.png

Tools Comparison

An overview of the shortlisted prototyping tools.

Note: Updated as of 27 August 2020. This chart is a basic comparison, refer to the official websites for detailed information.

Our Recommendations

what-is-adobe-xd_edited.jpg

Adobe XD

 A vector-based user experience design tool for web apps and mobile apps.

Whiteboard Plugin available. (*Coedit feature is still in Beta mode)

ginger-cat-ginger-cat-11.png

Pricing Plan: Creative Cloud License

Operating Platform: Locally Installed (macOS & Windows)

Notable features: Real-Time Co-Editing (Beta), Whiteboard Plugin, Drawing Tool, Real-Time Mirroring

Best Used For: UI/UX Prototyping, Wireframing, User Testing

Figma

Vector graphics editor and collaborative interface design tool.

Pricing Plan: Free Education Plan, Free

Operating Platform: Web-based

Notable features: Real-Time Co-Editing, Drawing Tool, Real-Time Mirroring

Best Used For: UI/UX Prototyping, Wireframing, User Testing

ginger-cat-ginger-cat-11.png

InVision (Cloud)

InVision is a prototyping suite that enables stakeholders and designers to ideate, collaborate, validate, and handoff specs to developers.

Pricing Plan: Free Education Plan, Free 

Operating Platform: Web-based

Notable features: Real-Time Co-Editing, Whiteboard, Post-its, Photoshop & Sketch Sync

Best Used For: Rapid Clickable Prototyping, Wireframing, Ideating, Rough Sketching

ginger-cat-ginger-cat-11.png

InVision Studio

One of the best high-fidelity prototyping and animation tool with flexible layers and an infinite canvas.

ginger-cat-ginger-cat-11.png

Pricing Plan: Free

Operating Platform: Locally Installed (macOS & Windows)

Notable features: Timeline Animation, Responsive Resizing, Vector Editing

Best Used For: High-Fidelity UI/UX Prototyping, Wireframing, Animating

Sketch

Used primarily for designing the UI and UX of mobile apps and web. (*For macOS only)

Pricing Plan: 14 days free trial

Operating Platform: Locally Installed (macOS)

Notable features: Drawing Tool, Boolean Operation, Symbol Override, Real-Time Mirroring, Smart Layout

Best Used For: UI/UX Prototyping, Wireframing, Icon Design, User Flow

ginger-cat-ginger-cat-11.png
ginger-cat-44_edited.png

Other available prototyping tools:

Marvel

Rapid prototyping, testing and handoff for modern design teams.

Proto.io

Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required.

proto io.jpg

UXPin

 An all-in-one workspace where you can write, plan, collaborate and get organized

bottom of page