The latest version of XD allows you to build scalable design systems & easily create & manage reusable colors, styles, & components with your team.

A Figma publication for design systems creators, designers, developers, and managers

See the data-driven rating of tech skills for designers, made by CV Compiler. What technical skills do you need to get a designer job in 2019?

When it comes to mobile landing pages, every second counts. Don't miss out on potential conversions. Follow these tips to build the perfect mobile landing page.

A basic sticker sheet and workflow for animating user interfaces

In this short video, find out how to customize everything about your page components in the Framer X properties panel—from sliding direction and padding to momentum and dynamic effects.

A story about how it’s possible to visualise the (positive) impact of a design system using git-log to extract data about changes in a codebase and D3.js to draw them along a timeline.

Learn how and why to switch from RGB to HSL in your projects.

Hue: your base color, pick a value from 0 to 360 (think about the color wheel)
Sauration: how “intense” (rich or dull) your color will be (%)
Lightness: add or remove white from your colors, 50% is the middle ground, below you add black, above white. Key for creating shades of color. 

I fell into this role following my passion to learn, create, and educate. You can’t exactly study design systems in school, so to be successful in this field you are constantly reaching out to learn…

I created this plugin because the built in "distribute" tool wasn't giving enough control and the "grid" tool being very powerful requires more settings than I want to deal with every time. 

Evenly space – vertically or horizontally – selected Layers, Groups, Artboards and Symbols by a defined amount:

1) Select the elements
2) Press Command + Alt + Shift + S
3) Enter a spacing value

Enjoy!
Francesco

Colorbox is a color tool to produce color sets.

If your target audience is a general population, you should not be using icons alone to convey anything meaningful. By doing so, you have made assumptions…

A great selection of animated tab bars. Some are over the top but they are nonetheless great explorations of what’s possible and how to bring delight into UIs with motion and sometimes humor. Heads up: cute and cool alone are not enough, try to get some feeeback from real users. How often are your users going to see this animation? Does it take too long to execute? Or is it just the right speed. Enjoy!

A color palette tool for interface design

In recent years, mobile usage has risen to the point where people now spend twice as much time on mobile devices as they do on desktop, and in many countries...

Delivering pro performance with an all-new infinite canvas, smooth zoom, seamless graphics scaling and over 150 stability fixes:
https://framer.com/blog/posts/introducing-framer-x15/

A look at the most common anxiety causing micro-interactions and animations that can turn them into moments of delight. Then we’ll show you how to create one of these animations using Sketch and Flow.

Go beyond prototyping. Flow lets you animate designs and export development ready code

A better way for designers and writers to work together. Sign up for Kopie and get your team on the same page.

#5 of 6 of the series Releasing Design Systems

Years ago, I wrote about Designing for the Appearance of Speed, outlining some impetus and methods for creating the illusion of short page load times in apps and on the web. Shortly after that…

Project archive of '30 Days of Framer', an experimental project in which I create 30 Framer X prototypes in 30 days.