A few months ago, I wrote this article detailing a hack to solve a problem I was having while setting up a design system: creating a button with an icon and label, which can be stretched while…

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.

Linda Dong began her talk with a hilarious live action reel depicting the expectation vs. reality of using a product-in this case, the Apple CarPlay. Drawing...

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…

Assets, courses, guides, and more! Made by the Figma community, for the community.

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

Form Library Sketch Resource designed by Davide Pisauri. Connect with them on Dribbble; the global community for designers and creative professionals.

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...

Makers of iStat Menus, Skala and other great apps.

Let me start by saying, I’m sure this is already apparent for a good bunch of you. But through anecdotal observation and conversation, it appears there is still not consensus on the pixel density at…