Best Ui Design Tools 2019

2019 is all about the end to end solution.

How do you smoothly go from mockups to prototypes? Generate specs to handoff? Manage a design system and organize your workflow while collaborating with stakeholders? Here's the tools that make it easier to build your ideas:

Framer X

Mac only tool (with Sketch import) which has built-in use of React components to allow designers to do powerful and high fidelity prototyping

Allows for advanced, high fidelity prototyping and animations
An early stage app store for icons, UI elements, pre-made visual and code components
Allows you to code your components in React and bring in live data
Be warned, the learning curve is steep if you're new to coding

Coming soon:

Windows support

Figma

Browser based tool (with desktop app) which allows for real time collaboration; with vector tools which are capable of illustration, prototyping and code generation for hand-off

Multiplayer co-editing
Style libraries which simplify the process of creating and updating your design system
Integration with Principle (Mac-only)
A web API which connects Figma to other tools, scripts and web apps

ProtoPie

A hi - fi code-free interaction prototyping tool, available on Windows and Mac

Interesting capabilities like prototyping interactions between devices or making prototypes can communicate with IoT devices
Has integrations with Sketch on macOS and Adobe XD on both macOS and Window

Coming soon:

Responses enabling hyperlinks and opening other apps
Border and shadow properties
Use audio files: mp3, wav and m4a

Studio

Mac only tool from InVision (a digital product design platform) which allows you to quickly design, prototype and collaborate

Preview and sync prototypes to InVision Cloud
Use Shared Design Libraries to sync components across Studio files
Public API to to other tools, scripts and web apps

Coming soon:

Secure version control for your design files (through Trunk)
Windows support

Adobe XD

Vector-based tool from Adobe which allows for vector design website wireframing, and creating simple interactive prototypes, available on Windows and Mac

Record interactions with audio — has a desktop preview app now allows you to record your own voice along with any click-through interactions and share it as an MP4 file
Voice prototyping capabilities like voice triggers or speech playback
Plugins to add in dummy data, integrate with UserTesting or export as React component, etc.

UX Pin

A collaborative platform for design, prototyping and handoff available on Windows, Mac or simply in the browser

Multiplayer co-editing
Interactive form elements, symbols, basic accessibility features and code components
Simplifies collaboration with design library system

Coming soon:

Importing HTML from an existing web page or any piece of it
Automatically sync React.js components to UXPin from your repository

Design to Code Tools

Webflow — web-based tool to build responsive websites in your browser, then export your code to host on Webflow or elsewhere
Tilda — create a website, landing page or online store for free with the help of Tilda modules
STUDIO — design from scratch, collaborate in real time and publish websites
Lightwell — converts your designs into an Xcode project, for responsive apps on mobile and tablet

Coming soon:

Modulz — an early stage, web app tool for UI design and development, with code output

Did you find this useful? Buy me a coffee to give my brain a hug. 🍵

Feel free to check out my design work or my handbook on UX design , upgrading your portfolio and understanding design thinking .