Your guide to design systems from the world’s leading brands

Source: Your guide to design systems from the world’s leading brands Blog Subscribe DESIGN YOUR GUIDE TO DESIGN SYSTEMS FROM THE WORLD’S LEADING BRANDS by Jess Thoms on October 9, 2017 Blog View all posts Many of the world’s leading brands have made their design systems public, contributing their ideas and processes to the design community at…

Books – DesignBetter.Co

The DesignBetter.Co library Build a strong design practice with our collection of definitive books. Dive in for deep knowledge or take a peek for a moment’s insight. Explore how the best companies approach product design, design thinking, design leadership, and more. Source: Books – DesignBetter.Co BOOKSPODCASTWORKSHOPS SUBSCRIBESUBSCRIBE Discover. Learn. Elevate. Introducing the best practices, stories,…

Framer – Fiber

Source: Framer – Fiber   An interactive UI Kit by Framer. Free forever. High-fidelity, now within reach. Fiber UI Kit is the perfect starting place for your next project. Each element has been designed to work independently or as one seamless flow. It’s a full-fledged prototype with customizable components.

Framer Beginner Tutorial: From Design to Code, Components & Beyond

Source: Framer Beginner Tutorial: From Design to Code, Components & Beyond Product Designer & Design Blog Editor @Toptal Core Team. #Wojciech is a product designer with 6 years of professional experience in the design field. Jun 20 Framer Tutorial: From Design to Code, Components and Beyond Step-by-step tutorials that’ll help you create stunning Framerprototypes in no time….

Prototyping Tools Review: Proto.io vs. Origami Studio | Polidea

Prototyping Tools Review: Proto.io vs. Origami Studio Przemek Pomaski  Apr 06, 2017 Choosing the right prototyping tool for designing mobile apps may be challenging, especially taking into consideration the great choice designers have. After reading this detailed review you will learn what the basic differences between Proto.io and Origami Studio are and depending on what you…

UX Research Cheat Sheet

User research can be done at any point in the design cycle. This list of methods and activities can help you decide which to use when. Source: UX Research Cheat Sheet   User-experience research methods are great at producing data and insights, while ongoing activities help get the right things done. Alongside R&D, ongoing UX…

UX design trends for 2017 – InVision Blog

by Raffaela Rein on January 30, 2017 The growing area of user experience design is an opportunity for a complete mindset shift for companies—away from selling products and towards selling experiences. It’s the best way to build a sustainable competitive advantage. Last year, we saw some truly innovative stuff happen in the world of UX….

Craft – Introduction to the Prototype plugin

Craft Prototype is currently in limited beta. Access is only available to select participants. If you’ve received an authorization code, you can activate that code by following the steps in Craft – Enabling beta releases of Craft plugins. Craft Prototype brings prototyping directly into Sketch. It gives you the ability to construct an interactive prototype…

A Playbook for Improving Customer Journeys

A Playbook for Improving Customer Journeys September 30, 2015 | By Brandon Schauer It feels great to see and map the experiences that customers have; you suddenly have a handle on what’s really happening from their perspective. But you’ve also set yourself up for something much harder—improving that customer journey you now see. You can’t…

Introducing Framer

Design everything with Framer You need the potential to design something completely new. Framer is a design tool that uses code to make anything possible. Pioneer new patterns and groundbreaking designs. Find the best solution, not just the expected one. Introducing Auto-Code, an all-new way to design with code. Source: The new Framer is here

Easing Curves

Courtesy of the amazing Pixate app Easing Curves What is an easing curve? Objects in real life don’t start or stop moving suddenly and generally don’t move at a constant speed or rate. Easing curves are algorithms used to emulate natural movements. Adding these to your animations can make your prototype feel more “alive”. Ease in,…

Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers — Design + Sketch App — Medium

Source: Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers — Design + Sketch App — Medium   When it comes to the epic that is Star Wars, there are very few ways to stay excited and be productive. Unable to concentrate on work, the only way I could channel my almost-paralysing excitement…

Optimizing Your Design For Rapid Prototype Testing – Smashing Magazine

Optimizing Your Design For Rapid Prototype TestingBy Michelle ChuDecember 22nd, 2015 WorkflowTestingPrototyping 1 CommentAdvertisementProduct teams in startups and mid-sized and large companies are all implementing usability testing and prototyping as a way to de-risk product development. As the focus shifts from engineering to prototyping, it is becoming increasingly important for anyone who creates prototypes to…

6 time-saving Sketch plugins to install right now—for free « Thoughts on users, experience, and design from the folks at InVision.

6 time-saving Sketch plugins to install right now—for free via 6 time-saving Sketch plugins to install right now—for free « Thoughts on users, experience, and design from the folks at InVision.. Sketch is quickly becoming the UI design tool of choice, so here’s our short list of the most helpful Sketch plugins we could find,…

Specctr | Blueprints for the Web: extend Photoshop, and Illustrator

Less pixel counting Avoid redlining, and long hours of pixel counting. Specctr automates the process with a few easy clicks. Specctr 2.0 is here!Simplify your design to dev production with these awesome new automated annotation features. via Specctr | Blueprints for the Web: extend Photoshop, and Illustrator.

Quick Tip: How To Create a Simple Sticker Text Effect – Envato Tuts+ Design & Illustration Tutorial

In the following tutorial you will learn how to use text and the Round Any Corner script to create a simple sticker effect. This effect can be applied to a variety of graphics, including shapes and symbols. Let’s get started! Source: Quick Tip: How To Create a Simple Sticker Text Effect – Envato Tuts+ Design…