Figma

3 design systems updates for you → https://figma.bot/3EpjnzE → Hide & show variable paints → Go-to-main component shortcut  → Duplicate & copy styles jk there’s more → Improved UI component description → Drag the variable modal from the entire header → Variable changes auto-save → Tooltips on component names → Edit button now properly aligned → Style window text overflow improvement

Today we’re shipping Connected Projects, a feature we hope will help freelancers and agencies collaborate more effectively with their clients, using billable seats from their own plans Here’s how it works: https://lnkd.in/e4Uz4VMK

FigPals watching you detach components

By popular demand, April Fun Week will be extended until April 11. Feed those FigPals well

Yes, there's a shortcut but now it's easier to collapse your (unnamed) layers

Drag, drop, and reorder your modes and collections exactly how you want (without deleting or breaking dependencies!)

Building a design driven culture → https://lnkd.in/gq3BZYCT Learn more about the future of design in our newly-launched eBook. What you’ll read:
 → Design as a key differentiator
 → Expanding the design process to involve non-designers
 → Creating your own design-driven culture → Finding the right tools for scalable design

FigPals: available in a Figma file near you* *Only through April Fun Week

Annotations, now available in Design Mode with new color coded categories

If you’re new to the complexities of color accessibility standards — like I was at the start of this project — here’s a distilled cheat sheet that can help you make the most of our new tool in Figma. We know this can be a bit daunting at first, so we put a lot of care into this feature, trying to make it as simple as possible for you. Whether you’re brand new to this concept, or a seasoned a11y pro, you can start leveraging this right away. Here are the basics: → Strong color contrast makes your designs more inclusive by improving readability for users with visual impairments. → A contrast ratio is simply the foreground compared to the background, the higher the number, the higher the contrast, the more inclusive it is. This ratio is automatically calculated in real-time and displayed in the top left corner of the color picker. → We built everything using the WCAG 2.2 standard, which is widely accepted and most commonly used. That standard has categories and levels defined, which are available to you in the settings menu. → Figma will automatically detect the appropriate category of the layer you have selected, but you can override this if you need to from the settings menu. → Level AA is good for most projects, and is the Figma default. → Level AAA is considered above and beyond, and is good for projects that have enhanced needs. → Large text is considered at least 24px or Bold 19px. → Normal text is considered below 24px or Bold 19px. → Graphics are considered icons, controls, and other elements that have meaning. (BTW Level AAA does not exist for this category, so if you see your level changing on you, this is probably why.) → You’ll see AA or AAA in the top right corner, alongside a pass/fail icon. This is your stable place to find the status at any point. → You’ll see a pass/fail boundary line on the color spectrum, use this as a visual aid to choose a color that meets your goals. → You’ll also see a dotted pattern on the color spectrum, this is the fail zone. If your color is in this area, you can click on the fail indicator in the top right corner to auto-correct it to the nearest passing color. → If you need to know the background color that was auto-detected, click the contrast ratio in the top left corner to open a flyout with more color info. We blend together any transparent background elements as well, so this value may be technically undefined in your file, but we’ve done it this way to be as accurate as possible to what you see on the canvas. → In more complex layer structures (such as overlapping elements), or complex color scenarios (such as multiple colors, gradients, or images), the calculations may not be possible. If you find that’s the case for your design, we recommend duplicating and isolating the foreground and background elements you want to evaluate onto a clean part of the canvas. Let us know if you have questions, and happy contrasting!