Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/darelova/Awesome-Design-Resources-List

Awesome list with design tools, resources, articles, inspiration
https://github.com/darelova/Awesome-Design-Resources-List

List: Awesome-Design-Resources-List

Last synced: 10 months ago
JSON representation

Awesome list with design tools, resources, articles, inspiration

Awesome Lists containing this project

README 

          
# ❤️ Awesome Design Resources List



_Tools, resources, articles, inspiration_



[](https://discord.gg/exncPmG4tH)



## 👾 Design Inspiration

 

- [Navbar Gallery](https://www.navbar.gallery/) - find the best navigation bar examples for your design

- [SupaHero](https://www.supahero.io/) - a curated collection of beautiful website hero sections

- [Footer Design](https://www.footer.design/) - a curated gallery of the top website footer inspiration on earth. Find the footers you need and sort by type and style

- [CTA.gallery](https://www.cta.gallery/) - curated gallery of Call-to-Actions (CTAs) designed to inspire creativity and maximize conversions 

- [Dark Mode Design](https://www.darkmodedesign.com/) - a showcase of beautifully designed and inspiring dark-mode websites

- [Dark](https://www.dark.design/) - handpicked dark-mode designs

- [Godly](https://godly.website/) - a curation of the best web design inspiration, everyday

- [Rebrand](https://www.rebrand.gallery/) - explore the best new design systems, visual identity introductions, and rebrand videos   

- [Bestfolios](https://www.bestfolios.com/portfolios) - the largest collection of the best portfolio websites from top designers in the industry

- [Dribbble](https://dribbble.com/) - a place to gain inspiration, feedback, community, and jobs

- [Behance](https://www.behance.net/) - the world's largest creative network to showcase work, find inspiration, and get hired

- [Awwwards](https://www.awwwards.com/) - the Website Awards that recognize and promote the talent and effort of the best developers, designers, and web agencies in the world

- [Muz.li](https://muz.li/) - a new-tab browser extension that instantly delivers relevant design stories and inspiration to keep you in the loop

- [Savee](https://savee.it/) -  a platform where creatives find inspiration

- [Pinterest](https://www.pinterest.com/) - discover recipes, home ideas, style inspiration, design, and other ideas to try

- [BentoGrids](https://bentogrids.com/) - a curated collection of bento designs for your inspiration

- [Motionimo](https://www.motionimo.xyz/) - a free tool that shares resources, tips, expressions, and inspirations around motion design

- [App Motion](https://appmotion.design/) - explore the best, hand-picked app motion design

- [UI Components Handbook](https://www.uiguideline.com/components) - compiled all the wisdom and best practices from the top 20 Design Systems and UI libraries in one place. We will continue to add more components week after week

- [Mobbin](https://mobbin.com/browse/ios/apps) - the world’s largest mobile and web design library

- [Land-book](https://land-book.com/) -  hand-picked website design inspiration

- [BrandGuidelines](https://www.brandguidelines.net/) - handpicked curated brand guidelines from around the world  

- [Deck.Gallery](https://www.deck.gallery/) - explore curated, beautifully designed presentation decks, slides, keynotes, and guidelines, all chosen for their exceptional design quality  

- [Visuelle](https://visuelle.co.uk/) - an online creative showcase and feed curated by David Bennett, Creative Director at OPX Studio  

- [Logggos](https://www.logggos.club/) - a catalog of well-designed logos  

- [abdz](https://abduzeedo.com/) - a collective of individual writers sharing articles about design, photography, and UX as well as tutorials for Photoshop and other tools  

- [Logo System](https://logosystem.co/) - the biggest logo design library for inspiration  

- [Cosmos](https://www.cosmos.so/) - a discovery engine for creatives  

- [Illustration.lol](https://www.illustration.lol/) - a curated collection of editorial illustrations and images from illustrators around the world  

- [Appshots design](https://appshots.design/) - inspiring real-world UX designs

- [schema.supply](https://www.schema.supply/) - branding, web, and image inspiration, providing a premium digital asset library filled with creative resources

- [Websitevice](https://websitevice.com/) - website examples for inspiration



## 📰 News & Blogs



- [It's Nice That](https://www.itsnicethat.com/projects-creatives) - daily dose of creative inspiration

- [Design Milk](https://design-milk.com/) - spotlights emerging talent, innovation, and creative living across architecture, art, and more

- [Smashing Magazine](https://www.smashingmagazine.com/) - offers practical design and development insights to help you build better, user-friendly websites

- [UX Collective](https://uxdesign.cc/) - a design publication sharing thoughtful insights on UX, product, and visual design

- [The Creative Edge](https://99designs.com/blog/) - 99designs' blog offers design inspiration, tutorials, and resources for designers and entrepreneurs

- [Creative Boom](https://www.creativeboom.com/) - delivers news, inspiration, and insights to empower the global creative community

- [Made By James](https://themadebyjames.com/the-blog/) - design tips by James Martin

- [Nielsen Norman Group Articles & Videos](https://www.nngroup.com/articles/) - provides research-based insights on user experience, interaction design, and usability

- [The DESK Magazine](https://vanschneider.com/blog/) - the design blog of Tobias von Schneider



## 👓 Newsletters



- [It's Nice That](https://www.itsnicethat.com/newsletters) - featuring top creative stories, industry news, and cultural highlights each week

- [Design Milk](https://design-milk.com/subscriptions/) - get the latest design news and fresh design finds

- [Smashing Magazine](https://www.smashingmagazine.com/the-smashing-newsletter/) - useful tips and techniques on front-end and UX

- [UX Collective](https://newsletter.uxdesign.cc/) - provides weekly insights and resources to help designers think critically about their work

- [Dense Discovery](https://www.densediscovery.com/) - offers a curated selection of links across design, technology, art, urbanism, and sustainability

- [Creative Boom](https://www.creativeboom.com/news/) - a curated selection of inspiring stories, news, and insights from the creative industries

- [NN/g Newsletter](https://www.nngroup.com/articles/subscribe/) - the latest articles about usability, design, and UX research from the Nielsen Norman Group

- [HeyDesigner](https://heydesigner.com/) - the go-to newsletter for product people, UXers, PMs, and design engineers

- [Interaction Design Foundation](https://www.interaction-design.org/newsletter) - stay updated with high-quality educational material every week



## 👨‍🎓 Learning UI/UX



- [Visual Design in UX: Study Guide](https://www.nngroup.com/articles/visual-design-in-ux-study-guide/) - article

- [Interaction Design Foundation: The Encyclopedia of Human-Computer Interaction, 2nd Ed.](https://www.interaction-design.org/literature) - article

- [Lows of UX](https://lawsofux.com/) - a collection of best practices that designers can consider when building user interfaces

- [Humane by Design](https://humanebydesign.com/) - guidance for designing humane digital products and services focused on digital well-being

- [Practical UX skills and tools](https://uxtools.co/) - practical lessons, resources, and news in just 5 minutes a week

- [Laws of UX](https://lawsofux.com/) - a collection of best practices that designers can consider when building user interfaces

- [Design Principles](https://principles.design/) - аn open source collection of Design Principles and methods

- [The Psychology of Design](https://growth.design/psychology#fitts-law) - 106 Cognitive Biases & Principles That Affect Your UX

- [Data Table Design Patterns](https://medium.com/design-bootcamp/data-table-design-patterns-4e38188a0981) - article

- [UX Resources & Bookmarks](https://simonasmaciulis.gumroad.com/l/ux-resources) - 200+ resources that will help you to learn more about UX

- [Memorisely](https://www.memorisely.com/) - live and on-demand immersive Figma training plans

- [User-Interface Elements: Glossary](https://www.nngroup.com/articles/ui-elements-glossary/?utm_campaign=&utm_source=linkedin&utm_medium=social#Ribbon) - use this glossary to clarify definitions for key graphical user-interface elements and controls quickly

- [Design Patterns Catalogue](https://catalogue.projectsbyif.com/) - design pattern guideline resources to help you build better websites and apps



## 🤩 Branding Inspiration



- [Starbucks Creative Expression](https://creative.starbucks.com/)

- [Dropbox Brand Guidelines](https://brand.dropbox.com/)

- [IBM Design Language](https://www.ibm.com/design/language/)

- [Apple - Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/)

- [Spotify Design & Branding Guidelines](https://developer.spotify.com/documentation/design)

- [Pepsi Global Redesign](https://design.pepsico.com/case-studies/pepsi-global-redesign)

- [Instagram Brand Identity](https://about.instagram.com/brand)

- [Wise Design Identity](https://wise.design/)



## 💫 Awesome lists



- [Awesome Design](https://github.com/gztchan/awesome-design) - curated design resources from all over the world

- [Awesome Design Systems](https://github.com/alexpate/awesome-design-systems) - a collection of awesome design systems

- [Tools.Design](https://www.toools.design/) - a growing archive of 1,500+ design resources, frequently updated for the community

- [Checklist Design](https://www.checklist.design/) - a collection of the best design practices

- [Untools](https://untools.co/) - thinking tools and frameworks to help you solve problems, make decisions and understand systems

- [Resource.fyi](https://resource.fyi/) - products, Resources, and Tools handpicked for developers, designers, marketers, tech enthusiasts, and professionals

- [The Product Design Resources Library](https://www.adhamdannaway.com/design-resources-library) - design resources for UX and product designers including tools, articles, books, plugins, and more by Adham Dannaway



## 🛠️ Component references and inspiration



- [The Component Gallery](https://component.gallery/components/accordion/) - an up-to-date repository of interface components based on examples from the world of design systems



## 📚 Component libraries



- [Tailwind components](https://tailwindui.com/components) - in-depth industry-standard compilation of components

- [shadcn/ui](https://ui.shadcn.com/) - Beautifully designed components that you can copy and paste into your apps

- [Radix UI](https://www.radix-ui.com/) - An open-source component library optimized for fast development, easy maintenance, and accessibility

- [Elastic UI](https://eui.elastic.co/#/) - design library in use at Elastic to build internal products that need to share our aesthetics

- [Material Design/Components](https://m3.material.io/components) - Google’s interactive building blocks for creating a user interface

- [Fluent UI/Components](https://react.fluentui.dev/?path=/docs/concepts-introduction--docs) - Microsoft’s component library (react) 

- [Nuxt UI](https://ui.nuxt.com) - A UI library for building modern web apps, powered by Vue.js and Tailwind CSS, designed for simplicity and flexibility

- [Untitled UI](https://www.untitledui.com/) - the largest UI kit and design system for Figma

- [Preline UI](https://preline.co/) - an open-source Tailwind CSS components library

- [Simple Design System](https://www.figma.com/community/file/1380235722331273046) - a UI kit built by Figma to help you get started faster using pre-built examples and components



## 📝 Design System Resources



- [The Design System Guide](https://thedesignsystem.guide/) - all the essential resources for setting up the design system

- [Hey Design Systems!](https://heydesign.systems/) - your introduction to design systems

- [Design System Knowledge Base](https://thedesignsystem.guide/knowledge-base) - resource for design system questions



## ⚙️ Design Systems



- [Material Design](https://m3.material.io/) - Google's open-source design system, provides comprehensive guidelines, styles, & components to create user-friendly interfaces

- [Fluent UI](https://developer.microsoft.com/en-us/fluentui#/) - Microsoft’s collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior

- [Carbon Design System](https://carbondesignsystem.com/) - IBM's open-source design system for digital experiences, with a focus on accessibility, modularity, and flexibility  



## 📦 No-code tools



- [Framer](https://www.framer.com/)

- [Webflow](https://webflow.com/)

- [Subframe](https://www.subframe.com/)

- [PeachWeb](https://peachweb.io/)



## 🤓 Аccessibility



- [How type influences readability](https://fonts.google.com/knowledge/readability_and_accessibility/how_type_influences_readability) - article

- [Accessibility Weekly](https://a11yweekly.com/) - a weekly dose of web accessibility to help you bring it into your everyday work. Delivered to your inbox each Monday, curated by David A. Kennedy

- [Best Practices for Cognitive Accessibility in Web Design](https://www.a11y-collective.com/blog/cognitive-accessibility/) - article

- [Microsoft Inclusive Design](https://inclusive.microsoft.design/) - methodology, born out of digital environments, that enables and draws on the full range of human diversity



## 🖊️ Typography articles



- [28 Best Free Fonts for Modern UI Design in 2025 (+ Typography Best Practices)](https://www.untitledui.com/blog/best-free-fonts) - article

- [Font trends for 2025 that creatives should keep in mind](https://www.lummi.ai/blog/font-trends)



## 🅰 Typography tools



- [Typescale](https://typescale.com/) - A simple tool that allows you to preview and adjust typography scales with different fonts and ratios  

- [Typespiration](https://typespiration.com/) - a complete guide to matching typefaces, styling techniques, improving readability, and more



## 🔤 Fonts



- [Google Fonts](https://fonts.google.com/)

- [Adobe Fonts](https://fonts.adobe.com/)

- [Free Faces Gallery](https://www.freefaces.gallery/?fbclid=IwAR0z5NvxCSwOIEuwL8Ox6wROg1mqkn76V5HxE44HU-kOMKyq185U2Vsf10M) - a curated collection of typefaces that are available under a variety of free licenses somewhere on the interwebs

- [Collletttivo](https://www.collletttivo.it/) - an open-source type foundry and a network of people promoting the practice of type design through mutual exchange and collaboration

- [UNCUT.wtf](https://uncut.wtf/) - a free typeface catalogue, focusing on somewhat contemporary type. There are currently 163 typefaces featured

- [Nerd Fonts](https://www.nerdfonts.com/font-downloads) - advanced fonts for programmers with special glyphs 

- [Typefaces.today](https://typefaces.today/) - handpicked typefaces for your creative projects  

- [Fontshare](https://www.fontshare.com/) - a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all  

- [DaFont](https://www.dafont.com/) - archive of freely downloadable fonts

- [YouWorkForThem](https://www.youworkforthem.com/) - free high-quality fonts and graphics



## 🎨 Illustrations



- [MapSVG](https://mapsvg.com/maps) - download a free SVG map of any country in the world, free for commercial use

- [Open Doodles](https://www.opendoodles.com/) - a library of sketchy illustrations of people free for personal and commercial use

- [SVG Doodles](https://svgdoodles.com/) - a free collection of different editable SVGs to spice up your online and offline designs

- [unDraw](https://undraw.co/illustrations) - free open-source SVG illustrations

- [DrawKit](https://www.drawkit.com/) - hand-drawn 2D & 3D illustrations, icons and animations

- [ManyPixels](https://www.manypixels.co/gallery) - a royalty-free illustrations gallery

- [coolshapes](https://coolshap.es/) - 100+ abstract shapes with cool grainy gradient

- [Shapes](https://shapes.framer.website/) - SVG shapes that you can easily copy and paste into your designs

- [Creattie](https://creattie.com/) - a curated library of Lottie animations and animated icons created by award-winning artists

- [Abstract 3d vol.2](https://abstract-vol2.wannathis.one/) - playful set of different shapes to enhance your design projects

- [Absurd Design](https://absurd.design/) - free Surrealist Illustrations



## 👾 Avatars



- [Boring Avatars](https://boringavatars.com/) - an open-source React library that generates custom, SVG-based user avatars

- [DiceBear Avatars](https://dicebear.com/) - A free avatar library offering customizable, SVG-based avatar styles



## 😊 Icons



- [Remix Icon](https://remixicon.com/) - open-source neutral-style system symbols elaborately crafted for designers and developers

- [pqoqubbw/icons](https://icons.pqoqubbw.dev/) - beautifully crafted _animated_ icons

- [Font Awesome](https://fontawesome.com/search) - Font Awesome is a font and icon toolkit based on CSS and Less

- [3dicons](https://3dicons.co/) - open-source & free premium 3D icons

- [Streamline](https://www.streamlinehq.com/) - free PNG & SVG icons

- [Game Icons](https://game-icons.net/) - a collection of free game icons

- [Lucide](https://lucide.dev/icons/) - icon toolkit

- [Radix Icons](https://www.radix-ui.com/icons) - a crisp set of 15×15 icons

- [Feather](https://feathericons.com/) - simply beautiful open-source icons

- [Material Symbols](https://fonts.google.com/icons) - Google’s Material Design icons pack

- [Weather Icons](https://erikflowers.github.io/weather-icons/) - icon font and CSS with 222 weather-themed icons, ready to be dropped right into Bootstrap, or any project that needs high-quality weather, maritime, and meteorological-based icons

- [Icones](https://icones.js.org) - A powerful icon explorer with over 100,000 icons from various libraries, supporting on-demand import and easy customization  

- [Iconmonstr](https://iconmonstr.com/) - free simple icons collection  

- [Iconoir](https://iconoir.com/) - a high-quality selection of free icons  

- [Iconhub](https://iconhub.io/) - diverse Icon set to complete your awesome design  

- [OpenMoji](https://openmoji.org/) - open-source emojis for designers, developers  

- [Tabler Icons](https://tabler.io/icons) - free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful  

- [Phosphor](https://phosphoricons.com/) - a flexible icon family for interfaces, diagrams, presentations

- [Hugeicons](https://hugeicons.com/) - a modern icon library designed for designers and developers who need scalable, customizable, and visually balanced icons

- [Heroicons](https://heroicons.com/) - hand-crafted SVG icons, by the makers of Tailwind CSS

- [Icons for AI](https://iconsforai.com/) - free 16x16 icons made for AI projects!



## 🌈 Colors



- [Coolors](https://coolors.co/) - generate or browse beautiful color combinations for your designs

- [Tailwind CSS Color Generator | UI Colors](https://uicolors.app/create) - generate, edit, save, and share Tailwind CSS color shades based on a given hex code or HSL color

- [Randoma11y](https://randoma11y.com/?color=%2300ffff) - an endless collection of accessible color combos

- [MyMind](https://access.mymind.com/colors) - a collection of unique color combinations for your design projects

- [Color Box](https://colorbox.io/) - generate, preview, and organize color palettes  

- [Colorsinspo](https://colorsinspo.com/) - an all-in-one resource to find everything about colors with extreme ease  

- [Color Hunt](https://colorhunt.co/) - hand-picked color palettes  

- [Happy Hues](https://www.happyhues.co/) - a color palette inspiration site that acts as a real-world example of how the colors could be used in your design project  

- [Goodpalette](https://goodpalette.io/ed330e-3cc3de-b3adab) - a curated color palette generator that provides aesthetically pleasing color combinations  

- [Tone](https://t-o-n-e.com/) - Color Inspiration - explores natural color schemes of beautiful places on Earth through photography  

- [Adobe Color](https://color.adobe.com/) - gives you the power to extract a beautiful gradient from any image you choose  

- [Spectrum Art](https://spectrum.art/) - Explore perfect color shades for website design updated in line with trends

- [BrandColors](https://brandcolors.net/) - the biggest collection of official brand color codes around



## 🖼️ Images & backgrounds



- [Unsplash](https://unsplash.com/) - a wide variety of high-quality photos contributed by photographers

- [Pexels](https://www.pexels.com/) - free stock photos and videos

- [Pixabay](https://pixabay.com/) - photos, illustrations, vectors, and videos available

- [Burst by Shopify](https://www.shopify.com/stock-photos) - business-oriented images, especially for e-commerce

- [Grainient](https://grainient.supply/) - offers 1000+ awesome gradients, noisy textured, and AI-generated backgrounds

- [Dupe](https://dupephotos.com/) - relevant royalty-free imagery submitted by a community of creators that can be used commercially under their license

- [Kaboompics](https://kaboompics.com/) - authentic and always consistent free stock photos

- [Picjumbo](https://picjumbo.com/) - free images, backgrounds, and free photos for your projects  

- [Barnimages](https://barnimages.com/) - free stock photos that are high-quality and royalty-free  

- [Openverse](https://openverse.org/) - an extensive library of free stock photos, images, and audio, available for free use  

- [Gratisography](https://gratisography.com/) - royalty-free HD stock photos and images  

- [Shotstash](https://shotstash.com/) - free stock photos for creative professionals  

- [FOCA](https://focastock.com/) - free stock photos for commercial use; design and create for free with FOCA Canvas  

- [Life of Pix](https://www.lifeofpix.com/) - free high resolution photography

- [Lummi](https://www.lummi.ai/photos/guitar) - a collection of unique, royalty-free AI stock photos, illustrations, and 3D

- [The Pattern Library](http://thepatternlibrary.com/#maze) - a collection of background patterns



## ✂️ Image tools



- [TinyPNG](https://tinypng.com/) - the online compressor empowers you to optimize your images easily

- [Remove.bg](https://www.remove.bg/) - instantly removes image backgrounds with AI, perfect for creating transparent images  



## 📍 Animation



- [GSAP](https://gsap.com/) - JavaScript animation library

- [Modyfi](https://www.modyfi.com/modifiers) - 40+ built-in effects, all of which are real-time editable, non-destructive, animatable, and completely free to use

- [Jitter](https://jitter.video/) - a tool to create professional animated content - on-brand animated UIs, videos, social media posts, websites, apps, logos, and more

- [unicorn.studio](https://www.unicorn.studio/) - elevate your web designs with enchanting WebGL effects, motion, and interactivity — with no code  

- [Content Core](https://contentcore.xyz/) - render unlimited images and videos in your browser on any compatible device   

- [Phase](https://www.phase.com/) - web application to create and edit animations

- [Paper](https://liquid.paper.design/) - see your logo in liquid

- [MageCDN](https://magecdn.com/tools/svg-loaders) - free 100+ open source SVG spinners



## 🌐 3D Visualization



- [three.js](http://three.js) -  cross-browser JavaScript library and application programming interface (API) used to create and display animated 3D computer graphics in a web browser using WebGL

- [Spline](https://spline.design/) - a free 3D design software with real-time collaboration to create web interactive experiences in the browser

- [Pixcap](https://pixcap.com/mockups) - 3D mockups and animations



## 🔌 Figma plugins & resources



- [Fig Mayo](https://www.figmayo.com/) - effortless design system docs

- [Specs (formerly, EightShapes Specs)](https://www.figma.com/community/plugin/1205622541257680763/specs-formerly-eightshapes-specs) - automate production of page and component design specifications (“specs”) of selected components, instances and frames.

- [Contrast Grid](https://www.figma.com/community/plugin/993414361395505148/Contrast-Grid) - a plugin to check the contrast of multiple foreground and background color combos for a11y with WCAG 2.1 minimum contrast

- [Mockuuups Studio](https://www.figma.com/community/plugin/786250770157843670/mockuuups-studio) - mockup plugin with 4500+ device mockups

- [iOS 16 UI Kit for Figma](https://www.figma.com/community/file/1121065701252736567) - contains hundreds of components, templates, demos, and everything else needed to help you start designing for iOS

- [Translator](https://www.figma.com/community/plugin/743218037112142643/translator) - enables you to translate your text layers to other languages right in Figma

- [Setproduct](https://www.setproduct.com/freebies) - free Figma Templates - UI kits, app templates, design systems (freebies as included)

- [Attention Insight](https://www.figma.com/community/plugin/968765016617421513/attention-insight) - Artificial Intelligence instantly predicts where users will look after engaging with your design so you can save time and avoid fixes after the launch

- [Design Lint](https://www.figma.com/community/plugin/801195587640428208/design-lint) - a plugin that finds missing styles within your designs

- [Simple Sort](https://www.figma.com/community/plugin/931578032226522167/simple-sort) - automatically applies a basic structure to your component sets (variants), which can be customized to your liking

- [Super Tidy](https://www.figma.com/community/plugin/731260060173130163/super-tidy) - keep your design tidy by easily aligning, renaming, and reordering your frames based on their canvas position

- [Styles & Variables Organizer](https://www.figma.com/community/plugin/816627069580757929/styles-variables-organizer) - link values used in your design file to all types of styles and variables easily

- [Typography Style Guide Generator](https://www.figma.com/community/plugin/1209900339618349575/typography-style-guide-generator) - this plugin allows you to generate a typography style guide based on your defined local styles

- [Delete Hidden Layers](https://www.figma.com/community/plugin/750292779381900360/delete-hidden-layers) - delete all hidden layers (also locked) at current or inside selected frame page except layers in components

- [Humaan Annotations](https://www.figma.com/community/widget/1253154577300925316) - a helpful widget for annotating/commenting on designs within the Figma canvas

- [To Do: Just a task on your canvas](https://www.figma.com/community/widget/1229395149230714315) - the tool for keeping track of tasks and managing workflow without ever leaving the design environment

- [Ticket Sync](https://www.figma.com/community/plugin/1073234730618485706/ticket-sync) - effortlessly link your project management tool (Jira, ClickUp, Monday) and Figma with Ticket Sync

- [Faker](https://www.figma.com/community/plugin/833836762121994814/faker) - quickly generates realistic placeholder text. Names, emails, URLs, headlines, and more

- [Curve Text](https://www.figma.com/community/plugin/1331748701210388011/curve-text) - from circles, squares, arches, to custom paths – bend your text any way you want

- [Displace – pattern glass, noise and glitch effects](https://www.figma.com/community/plugin/1415463691038193181/displace-pattern-glass-noise-and-glitch-effects) - create stunning reeded glass, noise, and glitch effects with real-time adjustments

- [3D Wave: Soften everything like fabric](https://www.figma.com/community/plugin/1026141971534783843/3d-wave-soften-everything-like-fabric) - make Everything into 3D wave

- [Randomiser](https://www.figma.com/community/plugin/1189284785668093844/randomiser) - randomise the positions, sizes, and colors of elements within a frame with just a few clicks

- [Trace Images](https://www.figma.com/community/plugin/1291512177354533481/trace-images) - convert JPEGs and PNGs to vibrant SVG vectors in a single click, all within Figma

- [Progressive Blur](https://www.figma.com/community/plugin/1362669306042132547/progressive-blur) - create real progressive blurs to your files, all in Figma

- [Stark - Contrast & Accessibility Checker](https://www.figma.com/community/plugin/732603254453395948/stark-contrast-accessibility-checker) - a powerful combination of integrated tools that help you streamline your accessibility workflow

- [Lummi](https://www.figma.com/community/plugin/1326615072959029075/lummi) - offers an access a world of stunning, AI-generated images crafted by talented digital artists

- [Unipaste](https://www.figma.com/community/plugin/964930640501844415/unipaste) - delivers the easiest way to work with special characters in Figma

- [Breakpoints](https://www.figma.com/community/plugin/824289601590456356/breakpoints) - preview responsive layout inside a Figma frame and share animated prototype

- [Cleaner](https://www.figma.com/community/plugin/1264993877076633643/cleaner) - tidies up selected or current page elements by removing unused and unnecessary items

- [Organize Layers](https://www.figma.com/community/plugin/786286754606650597/organize-layers) - organizes all layers on the current page based on layer name



## 📦 Mockups



- [Pacdora](https://www.pacdora.com/) - an online packaging design tool that integrates editing, 3D preview, rendering

- [Mockuuups Studio](https://mockuuups.studio/) - drag-and-drop tool for creating beautiful app previews or any marketing materials. Easily insert your screenshot into device mockups for free

- [Angle.sh](http://angle.sh) - vector device mockups for Sketch, Figma, and XD

- [Shots.so](http://shots.so) - any mockup that you need. Choose a mockup that suits your needs drag and drop your screenshot, design or any image to get started

- [Mockupworld](https://www.mockupworld.co/) - source of photo-realistic free PSD Mockups online  

- [Pixeden](https://www.pixeden.com/) - exclusive graphic, web, and design assets club (free and paid)  

- [Mockups Design](https://mockups-design.com/) - source of free & high-quality mockups  

- [Mr. Mockup](https://mrmockup.com/free-mockups/) - a huge collection of high-quality free mockups for Photoshop  

- [LS Graphics](https://www.ls.graphics/) - a vast collection of free and premium mockups for Photoshop and Figma  

- [Mockup Hunt](https://mockuphunt.co/) - a huge collection of the best free mockups hand-curated from the most trusted mockup websites  

- [Minimal Mockups](https://www.minimalmockups.com/) - free high-quality mockups  

- [Unblast](https://unblast.com/) - fine and free design resources made by the world's best designers  

- [Flyerwrk](https://www.flyerwrk.com/en-com/collections/freebies) - mockup freebies collection  

- [Mockup Cloud](https://www.mockupcloud.com/) - premium & free mockup templates  

- [Akoya](https://akoyamockups.com/) - photorealistic mockups



## 🕹️ Games & tasks to help you master your design skills



- [The Bézier Game](https://bezier.method.ac/) - a game to help you master the pen tool (requires keyboard and mouse)

- [What Should I Design](http://www.whatshouldidesign.com/) - a set of design challenges to practice design

- [Sharpen Design](https://sharpen.design/) - millions of practice design prompts to challenge you to think outside the box

- [UX Design Challenges](https://uxtools.co/challenges) - a set of real-world challenges to practice crucial UX design skills



## ✨ AI



#### AI chatbots:



- [ChatGPT](https://openai.com/index/chatgpt/) - developed by OpenAI, ChatGPT is renowned for its human-like conversational abilities and is widely used for various applications, including drafting emails, writing code, and answering questions  

- [Google Gemini](https://gemini.google.com/app) - formerly known as Google Bard, Gemini is Google's AI chatbot that leverages the company's extensive search capabilities to provide accurate and up-to-date information  

- [Copilot](https://copilot.microsoft.com/chats/kpJMM6jmhXFpecA1qmK3X) - Microsoft's Copilot integrates seamlessly with Office applications, assisting users by generating content, summarizing information, and enhancing productivity  

- [Grok](https://x.ai/grok) - an AI chatbot developed by xAI, a company founded by Elon Musk, Grok is integrated into X (formerly Twitter) and is known for its real-time data access and a personality described as rebellious and sarcastic  

- [Claude](https://claude.ai/login) - created by Anthropic, Claude is designed with a focus on AI safety and reliability, offering users a trustworthy conversational experience



#### Image scaling



- [Topaz](https://www.topazlabs.com/topaz-photo-ai) - sharpen, denoise, and upscale your images



#### For image generation



- [Midjourney](https://www.midjourney.com/home)

- [Dall-E](https://openart.ai/home)

- [Stable Defusion](https://stability.ai/stable-image)

- [Adobe Firefly](https://www.adobe.com/products/firefly.html)

- [Runway ML](https://runwayml.com/) - a platform to create AI-generated images and videos



#### For music



- [Suno](https://suno.com/) - building a future where anyone can make great music



#### For videos



- [Captions](https://www.captions.ai/) - creates videos from captions with AI



#### Emojis



- [AI Emojis](https://www.emojis.com/) - turn your ideas into emojis with AI

- [The Thiings Collection](https://www.thiings.co/things) - a collection with 2800+ 3D AI generated emojis



#### Creating landing pages



- [Musho](https://musho.ai/) - turns your prompts into nearly complete, dev-ready websites with simple layouts



#### Website building



- [Relume](https://www.relume.io/) -[ ](https://library.relume.io/)websites designed and built faster with AI

- [Dora AI](https://www.dora.run/ai) - generate, customize, and deploy 3D websites with AI

- [Visily AI](https://www.visily.ai/) - wireframe tool that swiftly transforms screenshots, templates, or text prompts into editable wireframes and prototypes, powered by AI

- [Readdy AI](https://readdy.ai/) - turns your product requirements into beautiful, professional designs in minutes

- [Softgen AI](https://try.softgen.ai/) - transform your ideas into stunning web applications

- [Wegic](https://wegic.ai/) - create custom websites in seconds



#### Copy



- [Relume Ipsum](https://www.relumeipsum.com/) - a fast way to write AI copy for a website



#### Colors



- [AI colors](https://aicolors.co/) - create cool and unique color palettes with an AI-powered color palette generator

- [Palette Maker](https://palettemaker.com/) - create unique color schemes with AI and see them come to life in real design examples



#### Vectorizing



- [Vectorizer AI](https://vectorizer.ai/) - trace pixels to vectors in full color



#### Branding



- [Glorify](https://glorify.com/) - easily create marketing visuals that turn browsers into buyers