UI Design

After writing 10 Figma Tricks I Wish I Knew Earlier, and receiving such awesome feedback, I decided to take it a step further and share more ways that I’ve been using Figma and Figma plugins to…

A couple of weeks ago the O'Reilly design team officially began using Abstract for its version control system.

Exponentially boost your productivity in Sketch with these handy tricks and shortcuts.

Before Abstract, designers used to work with Dropbox, Google Cloud or any other cloud service. Files would get overwritten or lost.

Second story of mine and again dealing with Sketch … So there is the new Sketch format since the release of 43.1 and now it is as if the…

Warning: More GIFs than the peanut butter aisle.

With the introduction of Smart Layout in Sketch 58, we can finally build adaptable symbols without the hacks, plugins or workarounds.

Create hundreds of text and layer styles automagically in minutes

Designers, these Sketch shortcuts are about to make your life *so* much easier.

The sad slide of the once-darling design co.

Theres only two dominant UI design tools available today. In this article we will cover why there can be only one in 2020: Figma!

Designers, these Sketch shortcuts are about to make your life *so* much easier.

I don’t lie, I copied few lines from the masters.

By Tim Wouters, senior UX Researcher at Internet Architects

Photoshop, Sketch templates, and other UI materials for quickly designing iOS apps.

Is the “Git for designers” really that good? YES.

Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.

Designers, we live in exciting times. The new generation of tools created for digital media is slowly breaking the ties with the old world…

How to make a reusable button symbol with icons.

Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design resources for Sketch.

Uizard, the future of app development. Transform mobile hand-drawn wireframes automatically to Sketch and download the React Native code! Code less, create more.

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.

Thoughts on using vertical grids for text in UI design

by Nick Babich

A modular grid has consistent horizontal divisions from top to bottom in addition to vertical divisions from left to right. These modules govern the placement and cropping of pictures as well as text....

A 150 page presentation on history of grids, grid layouts and usage of grids in design, by Khoi Vinh and Mark Boulton.

CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike

Using multiples of 8 to define dimensions, padding, and margin of elements