Tutorial

Showing 10-18 of 20 results

Share

Consistency Is Key: How to Build a Figma Design System

Figma has advanced features that are tailored to meet expectations for consistency during the design process. This tutorial outlines how a Figma component library can work well within a design system.

8 minute readContinue Reading
Jason Gilmour

Jason Gilmour

Mini Tutorial – Leveraging Figma’s Features for the Entire Design Process

Can one program handle the entire digital product design process? Learn how Figma, a web-based interface design tool, promotes collaboration, iteration, and documentation throughout the design process.

8 minute readContinue Reading
Manuele Capacci

Manuele Capacci

Designed, Sealed, Delivered – The Power of Logo Package Express

We test the limits of Logo Package Express, a tool that claims to name, save, and organize every file needed for a logo package in under two minutes.

< 5 minute readContinue Reading
Micah Bowers

Micah Bowers

How to Structure an Effective Typographic Hierarchy

Since designers work with so much text-based content, creating an effective typographic hierarchy—one that clearly shows what information is most important—is a vital skill for designers to master.

7 minute readContinue Reading
Cameron Chapman

Cameron Chapman

Atomic Design and Sketch: A Guide to Improving Workflow

Improving workflow and maintaining consistent design standards throughout a product can be achieved using Sketch and Atomic Design.

7 minute readContinue Reading
Octavio Cruz García

Octavio Cruz García

Zeplin Sketch Plugin – The Workflow Bridge Between Design and Engineering

Creating a dynamic, organized, and collaborative workflow between design and development teams is essential to building great digital products. This tutorial outlines how Sketch, working in tandem with Zeplin, can facilitate this collaboration seamlessly.

6 minute readContinue Reading
Emily Dubow

Emily Dubow

Prototype With Ease: An InVision Studio Tutorial

Follow this tutorial to create an interactive prototype with slick animated transitions in minutes using InVision Studio, the exciting new free interface design tool.

10 minute readContinue Reading
Bree Chapin

Bree Chapin

Things You Might Not Know About Typography in Sketch

When working with typography, Sketch comes up short, especially when you compare it with the most popular design tools out there. In this article, we’ll give you quick tips to compensate for its shortcomings with typography.

< 5 minute readContinue Reading
Wojciech Dobry

Wojciech Dobry

A Step-by-Step Guide to Creating Animated Product Explainer Videos

In this tutorial, we will give a simple breakdown of the steps that you need to create an animated explainer video like the slick masterpieces built by Slack.

9 minute readContinue Reading
Matt Barringer

Matt Barringer

World-class articles, delivered weekly.

By entering your email, you are agreeing to our privacy policy.

Join the Toptal® community.