UX/Design Tools

Most Recent

UX/Design Tools

Using Nested Symbols in Sketch to Build Powerful, Customizable, Enterprise UI Mock-ups – Part 3: Putting it All Together

With the help of Sketch's Nested Symbols, I’ll show you how to make a data-dense Enterprise UI mockups that are flexible and customizable.

UX/Design Tools

Using Nested Symbols in Sketch to Build Powerful, Customizable, Enterprise UI Mock-ups – Part 2: Buttons and Table Elements

Creating buttons and table elements you can quickly customize on the fly for an Enterprise UI, using Sketch's Nested Symbols.

UX/Design Tools

Using Nested Symbols in Sketch to Build Powerful, Customizable, Enterprise UI Mock-ups – Part 1: Getting Started

Organization and best practices for using Nested Symbols in Sketch to create symbol libraries for a powerful, flexible Enterprise UI.

UX/Design Tools

Creating a Dynamic Catalog with InDesign Templates & XML Data

Step by step instructions for using an XML set of data to populate a catalog or print layout with Indesign, to help you keep a consistent visual style.

UX/Design Tools

How InVision’s Inspect Can Give Your Team One Source of Design Truth

When the person designing the visuals isn't the one creating the code, use InVision's Inspect as your single source of design truth.

UX/Design Tools

SVGO – A Handy Command-Line Tool for Compressing SVG Images

SVGO is a quick command-line tool that enables you to compress your SVGs with just a single command and performs many optimizations out of the box.

UX/Design Tools

Prototyping with AngularJS & Google Sheets

Prototyping with AngularJS and Google Sheets turns out to be a powerful and relatively simple way to get a working prototype up and running fast.

UX/Design Tools

An Introduction to Website Animation with Velocity.js

A walk-through for your first animation with Velocity.js—how to set up your webpage and how to animate a list. Includes a CodePen list animation example.

UX/Design Tools

Heuristics and Practical Plans for Content Strategy

Practices we've used to collaborate on website content strategy, including personas, performance continuums, SMART goals, and in-and-out plan worksheets.

UX/Design Tools

Create a Local Copy of a Website with HTTrack

How to use HTTrack, an open-source utility that lets you copy any website locally.

UX/Design Tools

Choosing the Right Design Tools for Client Deliverables

I'm often asked what design tools I use for client deliverables, presentations, and documentation. I wanted to share the approaches that work best for me.

UX/Design Tools

6 More Helpful Sketch Shortcuts

Sketch keyboard shortcuts including Change Alpha, Show/Hide Inspector, and how to custom-make a Collapse All Layer Groups shortcut.

UX & Design category

Other Categories

Keep up with our latest posts.