Design Tools

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

Atomize is an advanced UI design framework for Figma. It helps designers create visually appealing and consistent user interfaces for the web.

We've curated the best Figma components in one place. Discover, copy and paste UI components in Figma with the most efficient way to build designs. Get all the essentials for any design project in one place. From buttons to data visualizations, you'll find the perfect component here with a few clicks.

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

Powerful prototyping with code in Figma.

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.

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.

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

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

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

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 :)

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.

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

PureRef, the simple reference image viewer.

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!

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!

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.

Collaborative web-based image editing

Bring harmony to design delivery

Looking for UI/UX open source prototyping tools? Are are all the 5 available ones in the market and how to download them.

Looking for UI/UX open source prototyping tools? Are are all the 5 available ones in the market and how to download them.

Penpot is the open-source free design software that connects designers and developers with no handoff drama. Prototyping, UI design and code - all in one app.

Created with Framer, the web builder for creative pros.