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

Watch videos of design system pros Brad Frost, Dan Mall, and Josh Clark sharing best practices for product design at scale. Get expert recommendations for improving speed, quality, and consistency with design systems.

Designers need their digital prototyping tools to evolve with their workflows. That’s why we’re excited to announce Craft Player, the latest advancement in our popular Craft plugin for Sketch users.

Design Kit is IDEO.org's platform to learn human-centered design, a creative approach to solving the world's most difficult problems.

Evolve your design too quickly and you’ll leave your users behind. Design too slowly and your users will do the same to you. It’s crucial to keep design practices aligned with the way users really interact with digital products and interfaces. To help, Huge’s UX and research teams are collaborating to test conventional and emerging design and usability standards.

Anima Toolkit is a Sketch Plugin to convert design to code. It also allows you to use Stacks & Pins for responsive layout, right inside Sketch. Padding means that when you change the content, the…

A white label global product, with multi-brand support, is a challenge to design. The design process have to consider the problematic of one-size-fits-all for every asset, from typography and…

Framer X’s powerful new interactive tool lets you design tons of interactions, from simple swipe gestures to 3D numeric pickers.

440 Free Icons designed by Catalin Fertu for BigMug. We've added a solid version for the 220 icons from our previous set. That makes a total of 440 free icons. They are all available in .psd, .eps and .sketch and they are all free for you to use and modify! 

Today we have some special news that’s been months…perhaps years…in the making. Figma now integrates with the prototyping tool Principle, so you can easily build advanced animations of your Figma…

Design and development tool unlike anything you’ve experienced. Always a production-ready code.
#nomoresnippets

Let’s say you create a button, and it has a background Rectangle behind its icon and text. If you set your button padding for 10px, the Rectangle size will adjust to always be 10 pixels from the button content.

A plugin for Sketch and Adobe XD CC to populate your design mockups with meaningful data. Goodbye Lorem Ipsum. Hello JSON.

Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.

Framer always was different from other prototyping tools for many reasons but the major one is real data. I’ll try to show briefly how you can load and use real data in your prototypes. Today we will…

Sketch 52 comes with the ability to instantly populate multiple shapes with images all at once. The same feature can also set the content of multiple text elements. Sketch is preloaded with images of…

Our latest update has landed and it’s one of our biggest yet, bringing Dark Mode, Data, Style Overrides, all new Combined Shapes and a totally redesigned interface to Sketch 52.

Famous Studio enables designers to import their designs from their favorite design tool and turn them into live, immersive experiences published with live an...

Design and code components in Framer X. Your components can be the single source of truth. Designers can now collaborate with developers in creating consistent, production-ready components.

Design sprint case studies and lessons from around the world.

Colorbox is a color tool to produce color sets.

When nested symbols came out for the first time way back in Sketch version-whatever-it-was, it was kind of a big deal. At least I thought so: At the time, a couple designers were figuring out ways to…

Auto-Layout is a feature in Anima Toolkit for Sketch. It allows designers to make a design responsive, by specifying constraints such as pinning, centering, sizing and even stacking. When we launched…

When it comes to selecting a pattern for the primary mobile navigation, product designers usually choose between two options — side drawer (also known as a hamburger menu) and tab bar. Both…