Articles – Design tools

Here you will see articles related to UI and UX design tools. Most of them are categorized under wireframes, visual designs, prototyping, UI anmimations, version control, etc. If you have any suggestions on this topic (articles, websites or want to start a conversation), please feel free to comment below.

Design tool articles


Master your craft with these top UX tools

https://uxdesign.cc/master-your-craft-with-these-top-ux-tools-eae82e500ba8

Rethinking Design Tools in the Age of Machine Learning

https://medium.com/artists-and-machine-intelligence/rethinking-design-tools-in-the-age-of-machine-learning-369f3f07ab6c

Declarative Design Tools

https://jon.gold/2016/06/declarative-design-tools/

Design tools are running out of track. Here’s how we can fix them.

https://medium.freecodecamp.org/design-tools-are-running-out-of-track-94f21b6ae939

Tooling our design process

https://uxdesign.cc/tooling-our-design-process-50bd0d12d15c

Hands-on with Adobe XD

https://blog.prototypr.io/hands-on-with-adobe-xd-f82be12f405f

Switching from another design tool to Figma? Here are 4 things to know

https://blog.figma.com/switching-from-another-design-tool-to-figma-here-are-4-things-to-know-c2fa247a0633

4 design tools you never knew you needed

https://www.creativebloq.com/features/4-design-tools-you-never-knew-you-needed

Airbnb built an AI that turns designs sketches into product source code

https://thenextweb.com/artificial-intelligence/2017/10/25/airbnb-ai-sketches-design-code/

Turn your whiteboard sketches to working code in seconds with Sketch2Code

https://azure.microsoft.com/en-us/blog/turn-your-whiteboard-sketches-to-working-code-in-seconds-with-sketch2code/

The Best Prototyping Tools for 2018

https://www.awwwards.com/the-best-prototyping-tools-for-2018.html

A DevTools for Designers

https://uxdesign.cc/a-devtools-for-designers-2342aab88c06

Declarative Design Tools

https://jon.gold/2016/06/declarative-design-tools/

On Design Tools and Processes

https://viljamis.com/2017/design-tools-processes/

https://webdesign.tutsplus.com/articles/sketch-vs-adobe-xd-which-one-should-you-use–cms-31544

UX for emerging experiences

https://www.creativebloq.com/features/ux-for-emerging-experiences

The Product Designer’s Toolbox

https://medium.com/@cjgetty/the-product-designers-toolbox-dec90aa8323b

Sketch, Figma, Adobe XD, UXPin or InVision Studio: which one?

https://www.kooslooijesteijn.net/blog/Sketch-Figma-Adobe-XD-UXPin-InVision-Studio

7 Essential Prototyping Tools to use with Sketch

https://medium.com/sketch-app-sources/7-essential-prototyping-tools-to-use-with-sketch-c7a594f486a0

What I’d rather talk about when you ask me about design tools

https://uxdesign.cc/what-id-rather-talk-about-when-you-ask-me-about-design-tools-de9540c27460

 

 

Wireframe and Visual Design tools


Sketch – The digital design toolkit

https://www.sketchapp.com/

Figma – Turn Ideas Into Products Faster

https://www.figma.com/

Adobe products

https://www.adobe.com/in/products/catalog.html

InVision Studio – Screen design. Redesigned.

https://www.invisionapp.com/studio

Affinity Designer

https://affinity.serif.com/en-us/designer/

Studio Design – Create your website without coding

https://studio.design/

Gravit Designer

https://www.designer.io/#hero

Framer X – Interactive design for everyone.

https://framer.com/x/

Flinto – Design App

https://www.flinto.com/

Sketchize: Free Wireframing Sheets

https://sketchize.com/

 

Prototyping tools


Origami Studio — Design Prototyping

https://origami.design/

InVision – Design better. faster. together.

https://www.invisionapp.com/

Marvelapp – The design platform for digital products

https://marvelapp.com/

Proto.io – Prototypes that feel real

https://proto.io/

 

UI Animation tools


Principle – Animate Your Ideas, Design Better Apps

https://principleformac.com/

AEUX – UX motion design with the tools you like

https://adamplouff.github.io/aeux-doc/

LightBox – The easy, enjoyable animation tool

https://uselightbox.com/

Flow – Animate Sketch Designs in Seconds

https://createwithflow.com/

 

 

Version Control tools


Abstract – a platform for modern design teams to work together

https://www.goabstract.com/

Figma – Turn Ideas Into Products Faster

https://www.figma.com/

Good version control tools for designers

https://www.designernews.co/stories/96042-good-version-control-tools-for-designers

 

 

 

Design to Code tools


Sketch 2 Code

https://sketch2code.azurewebsites.net/

Shots – Convert Screen Shots into Responsive HTML code

https://www.shots.ai/

Webflow | Responsive web design tool, CMS, and hosting platform

https://webflow.com/

Mason | Front-end as a Service

https://www.trymason.com/

Supernova – Design to code

https://supernova.io/

 

 

 

Other Design tools


Undesign – Collection of free design tools and resources for makers, developers and designers

https://undesign.learn.uno/

Drubbbler

https://drubbbler.com/

Adobe Capture (for mobile)

https://www.adobe.com/in/products/capture.html

Avocode

https://avocode.com/

RealtimeBoard Mind Map

https://realtimeboard.com/mind-map-software/

Overframe – Record your prototype & app with device frame overlay.

https://overframe.xyz/

Interplay – Create delightful, responsive experiences.

https://interplayapp.com/

FlowMapp – Visual Sitemap and User Flow

https://flowmapp.com/

PersP – design, prototype, develop & publish

https://persp.info/persP-alpha

Astroid – An augmented reality dev tool for creating 3D apps that react to their environment

http://asteroid.zone/

Flauntly – Create a landing page in minutes

https://www.flauntly.com/

Toybox systems – Create & share website edits

https://toyboxsystems.com/

https://shapefactory.co/

PhotoScape X – Fun and Easy Photo Editor

http://x.photoscape.org/

UX Canvas compilation

https://www.pinterest.es/fernandocomet/ux-canvas-compilation/

Xtensio – User Persona Creator

https://xtensio.com/user-persona/

Vectary – Awesome 3D design tool

https://www.vectary.com/

Carbon – Create and share beautiful images of your source code.

https://carbon.now.sh/

CodeZen – Zenify your source code

http://codezen.rishimohan.me/

Talebook – Understand your client

https://talebook.io/

Am I Responsive

http://ami.responsivedesign.is/

UI Faces – Avatars for design mockups

https://uifaces.co/

ContrastA macOS app for quick access to WCAG color contrast ratios

https://usecontrast.com/

Drawser – Chain designs, create innovation!

https://www.drawser.com/landing/

Offeo – Design and animate beautiful videos in 60 seconds.

https://www.offeo.com/

Producthunt – Design Tools

https://www.producthunt.com/topics/design-tools

Modulz – The next step in visual coding

https://www.modulz.co/

Meet Alva – a radically new digital design tool built for cross-functional product teams.

https://meetalva.io/

Phase – digital design reinvented

https://phase.com/

Shopify – Free tools to run your business

https://www.shopify.com/tools

Icon Transition Generator

https://nucleoapp.com/tool/icon-transition

Make my persona

https://www.hubspot.com/make-my-persona

Brand New Roman

https://www.brandnewroman.com/

Kubist

http://williamngan.github.io/kubist/

Smartlook – A free, simple way to get better UX for your apps

https://www.smartlook.com/

Bannersnack – The Original Online Banner Maker

https://www.bannersnack.com/

Ikonate – fully customisable & accessible vector icons

https://www.ikonate.com/

Brandy – Stay on brand with brandy

https://getbrandy.io/

Zeroheight – Document your design system, together.

https://zeroheight.com

UX Amoeba – Rate your own experience in certain areas

https://uxamoeba.fps.hu/

Remove.bg – Remove Image Background

https://www.remove.bg/

whimsical – The Visual Workspace

https://whimsical.co/

Grid Calculator by Nicolaj Kirkgaard Nielsen

http://gridcalculator.dk/

 

 

 

Leave a Reply

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

Back to Top