Design

A collection of Design Systems for Figma from all over the globe.

A figma plugin allowing you to apply, manage and sync design tokens from Figma to code, formerly known as Figma Tokens.

Discover the ultimate collection of Figma plugins for streamlining your UI/UX Design process and enhancing productivity

A UI tutorial showing my process, including a video recording you can follow and a Figma community file you can save

In this video, I give you an inside look at how I design file thumbnails in Figma. I walk you through the process step by step, explaining the elements to consider and the decisions I make along the way. By the end of the video, you'll have a clear understanding of how to create visually appealing and functional file thumbnails in Figma. No action is required from you, but feel free to take inspiration from the techniques and tips I share. Related article on Better by Design -> https://www.betterbydesign.cc Figma Community File here -> https://www.figma.com/community/file/1296951748581944708/file-thumbnail Music provided by TheRelaxedMovement. Check it out here: therelaxedmovement  (https://www.youtube.com/@TheRelaxedMovement) © Henry Keate t/a TheRelaxedMovement. All Rights Reserved.

This article is available for both the previous Figma UI and the new Figma UI. Use the toggle at the bottom left of the page to select your current UI. Get to know UI3: Figma’s redesign →   Be...

Variant Vault is a collection of Framer Motion variants for your next project. All free to use and open source.

Copy-paste scribbles for Framer sites.

Discover how to incorporate creative and playful scribbles into your website design without coding. Follow this tutorial to learn how to animate and customize the Scribbles to fit your unique style.

Bring harmony to design delivery

PureRef, the simple reference image viewer.

Pines is a library of animations, sliders, tooltips, accordions, modals, and more!

Try your design ideas in seconds with a universal visual CSS editor that generates code for you. Say hello to speed, joy, and stunning designs in just a few clicks with CSS Pro's browser extension.

250 Best Public Domain Free Video Clip Downloads from the Videezy community. Free Public Domain Stock Video Footage licensed under creative commons, open source, and more!

Collaborative web-based image editing

No-coding tool to create 3D assets, key visual for social media, identity elements and other marketing and design needs.

welcome! this is an open channel, feel free to add resources here :)

AI-tag, edit, & serve your team's photo assets. A well-designed DAM built for modern marketing teams, photographers, & developers.

Pikimov is a free web-based motion design editor

Remove objects, people, text and defects from any picture for free. Create a clean background for a product picture 📸, re-design any items 👠, fill up some missing space for a youtube thumbnail 🎬, You can use it to iron your shirts 👕...etc!

It's your turn to create the next inspiration site and we've given you everything you need to start your own. Features: - Dark Mode/Light Mode controlled by variables. - Automatically pulls favicons into posts. - Automatically includes styles and tags. - We provided the template for image sizes for you. From Benten Woodring, Matt Cram, and Devin Fountain, with love. Good luck.

Color hex is a easy to use tool to get the color codes information including color models (RGB,HSL,HSV and CMYK), css and html color codes.

Heat Mapping color palette created by lynnel that consists #1d4877,#1b8a5a,#fbb021,#f68838,#ee3e32 colors.

colorsandfonts.com - Color & typography tools for web developers & digital designers.

Color scale generator by Hayk An

Inspired by colours around you

OKLCH is a new way to encode colors (like hex, RGBA, or HSL)

Discover lighter or darker shades of any color. Join the 3+ million people who have used 0to255 to choose colors for their website, logo, room interior, and print design projects.