A smart, simple desktop app that shows and searches keyboard shortcuts based on your currently focused app.

Our Mission is to make AR content simple, scalable and flexible

Display macOS Dock in Touch Bar.

This plugin automatically arranges the position of all Artboards in your Sketch document, to snap them to rows & columns.

A new way to browse your symbols. Make the most of your Design System by bringing symbols and UI Sticker sheet together.

Name Artboards for Sketch — Goes through each artboard and creates a text label where the artboard name sits so it is visible when exporting with slices. Optionally draws a slice around all visible layers as well. - tarngerine/sketch-name-artboards

Color Safe is a tool to explore beautiful, accessible color palettes for your website based on Web Content Accessibility Guidelines (WCAG).

To make the best of SVG, it’s useful not only to learn its syntax but also to understand how SVG is generated by graphic design software. Let’€™s take a closer look at the process of generating SVG with popular design apps and how we can use them to our own advantage.

Browse a carefully crafted collection of loaders, hover effects, transitions, and other CSS effects to use in your next project. Effects are designed with an emphasis on fluidity, simplicity, and ease of use.

Since the release of 43.1 and now it is as if the Sketch file is a .ZIP file and it actually behaves like a .ZIP…

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

HTML to Sketch export solution. Contribute to brainly/html-sketchapp development by creating an account on GitHub.

Plugin for Sketch to create connection flow arrows for creating user flows, sitemaps and many more. Saves hours if you are doing them in Sketch. Just select two objects and click on “Plugins” → “👉…

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.

CSS custom properties (a.k.a. CSS variables) are becoming more and more popular. They finally reached decent browser support too.

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.