6 UI Prototyping tools

Sketch

Sketch is a design toolkit built to help you create your best work from your earliest ideas, through to final artwork. Sketch is built for designers like you. With useful features, an intuitive interface and powerful plugins built by a community of developers, it helps you focus on what you do best.

Sketch

Tool Description as in https://www.sketchapp.com/

Image Credit: https://www.sketchapp.com/

download-Sketch

Zeplin

Design hand-off has never been easier. Generate styleguides and resources, automatically. Zeplin is the ultimate collaboration tool between designers and developers. It cuts meetings in half and ensures that designs are implemented perfectly, however complex.

Zeplin

Tool Description as in https://zeplin.io/

Image Credit: https://zeplin.io/

download-Zeplin

FIGMA

Design, prototype, and gather feedback all in one place with Figma.Figma is the first interface design tool based in the browser, making it easier for teams to create software. Remove the friction of working together so you can get more done. Engineers can inspect, export, and copy CSS, iOS, and Android code.

FIGMA

Tool Description as in https://www.figma.com/

Image Credit: https://blog.prototypr.io/top-20-prototyping-tools-for-ui-and-ux-designers-2017-46d59be0b3a9

download-FIGMA

MockFlow

MockFlow provides a full stack UX solution for design teams that includes wireframing, sitemaps, UI spec systems, design workflow and more. Plan and create better user interfaces together within a single suite.The app store to accelerate your UI ideas and designs. MockStore provides instant access to thousands of ready-made layout templates and UI packs right inside WireframePro.

MockFlow

Tool Description as in https://mockflow.com/

Image Credit: https://mockflow.com/

download-MockFlow

Balsamiq

Balsamiq is a rapid wireframing tool that helps you Work Faster & Smarter. It reproduces the experience of sketching on a whiteboard, but using a computer. Making wireframes is fast. You’ll generate more ideas, so you can throw out the bad ones and discover the best solutions.

Balsamiq

Tool Description as in https://balsamiq.com/

Image Credit: https://blog.prototypr.io/top-20-prototyping-tools-for-ui-and-ux-designers-2017-46d59be0b3a9

download-Balsamiq

Webflow

Webflow gives designers and developers the power to design, build, and launch responsive websites visually, while writing clean, semantic code for you. Create the content structure you need in Webflow CMS, design your layout, then bind elements to your site’s real content. Whatever you’re building, Webflow CMS has the flexibility you need.

Webflow

Tool Description as in https://webflow.com/

Image Credit: https://blog.prototypr.io/top-20-prototyping-tools-for-ui-and-ux-designers-2017-46d59be0b3a9

download-Webflow

Useful Videos

Balsamiq

Source:Melissa Escobar

MockFlow

Source:MockFlow Support

Sketch vs Zeplin

Source:Angga Risky

Leave a Reply

Your email address will not be published. Required fields are marked *