⚠️⚠️NOTE: Having payment Card issue? Whatsapp admin +2348104402222⚠️⚠️

This community is for designers, creatives, and aspiring UI/UX professionals who want to master Figma and stay ahead in the design world. Here, you’ll get access to:

✅ Exclusive Figma tutorials (from basics to pro-level techniques)
✅ Live design sessions & Q&A
✅ Behind-the-scenes content & workflow breakdowns
✅ 1-on-1 mentoring opportunities

Join now and take your UI/UX skills to the next level! 🚀

⚠️⚠️NOTE: Having payment Card issue? Whatsapp admin +2348104402222⚠️⚠️

This community is for designers, creatives, and aspiring UI/UX professionals who want to master Figma and stay ahead in the design world. Here, you’ll get access to:

✅ Exclusive Figma tutorials (from basics to pro-level techniques)
✅ Live design sessions & Q&A
✅ Behind-the-scenes content & workflow breakdowns
✅ 1-on-1 mentoring opportunities

Join now and take your UI/UX skills to the next level! 🚀

Nigeria

Design Insider

whatsapp

UI/UX Insider

Google Fonts don’t need an introduction, you definitely heard of it before. Even though my favorite typefaces of all time aren’t on it, I still end up using it for most of my client projects because all typefaces there are free.

Google Fonts 💸FREE💸

Not really a Google Fonts alternative, but definitely a worthy competitor. Some of my favorite fonts of all time come from this website, such as General Sans or Sentient for example.

Fontshare 💸FREE💸

Honestly I don’t use Fontesk all that much. The previous two websites do it for me, but if you somehow didn’t find what you were looking for there, this website will come in handy.

Fontesk 💸FREE💸

I found some interesting typefaces here in the past.

DaFont 💸FREE💸

a leading type design studio renowned for its innovative and versatile font collections

Pangrampangram 💸PAID💸

MyFonts is one of the largest font marketplaces in the world, offering professional fonts for any project. Over 300,000 available fonts, and counting.

MyFonts 💸PAID💸

Fonts

Typescale is a free plugin for Adobe XD and Figma that will let you generate type scales directly in your design tool of choice.

Typescale 💸FREE💸

If you don’t want to generate typescales directly in your design tool, you can get also do it online.

Typescale.com 💸FREE💸

Microcopy is crucial. Since design is all about communication, microcopy should be clear, human centered, and understandable. This tool helps with generating exactly that.

Speakhuman 💸FREE💸

Just to clarify, this tool isn’t related with the Glyphs app, also on this list.  This resource is a list of the most common unicode glyphs / icons out there, easy to copy with just a click.

Glyphs (Web) 💸FREE💸

Full disclosure, I don’t use this tool. But if you’re interested in editing or creating your own fonts, and you’re running on MacOS - it should work.  Just be careful with editing existing fonts. Even if they’re free, editing them is a violation of the license in most cases.

Glyphs (tool) 💸PAID💸

Typography Tools

A really useful, free tool to create different types of colors palettes and save them to your Adobe account.

Adobe Color 💸FREE💸

A great tool which combines a color palette generator with a tints & shades generator

Color Designer 💸FREE💸

My absolute favorite. All the functionality I need, all in one Figma plugin. Yes, it’s a premium product. But if you’re serious about your career, and you can afford it, then it shouldn’t stop you.

Supa Palette 💸FREE💸

One-of-a-kind tool for creating, managing, and sharing accessible color systems for user interface design and data visualization.  I’ll admit, this tool is a bit too advanced for my needs. Might be useful for bigger companies, or the ones who’re extremely serious about their color systems.

Leonardo Color 💸FREE💸

A color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art. New palettes every day.  It might not be very useful for interface design, but if color is something that you’re passionate about, you’ll be amazed by this tool.

Colormind 💸FREE💸

Very cool tool for seeing how a color palette will apply to UI, illustrations, and more. If you’re uncertain if a given color will work for your interfaces, check it out.

Color Spectrum 💸FREE💸

One of the very first color palette websites I found and used on the internet. I don’t use it that much anymore, primarily because these palettes just don’t work that well for UI Design, but if you need some inspiration (or you’re just exploring resources), ColorHunt is great.

ColorHunt 💸FREE💸

A beautifully designed website by House of Van Schneider. Includes tons of beautiful colors & color combinations.

Color Claim 💸FREE💸

Picular lets you find the color of everything. Just search the word that you’re looking for.

Picular 💸FREE💸

Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.

khroma 💸FREE💸

If you’re new to the UI Design world, studying the guidelines and recommendations of industry leaders will help you big time. Material Design Guidelines are a good place to visit.

Material Design Color 💸FREE💸

Palitra lets you find a color palette of everything. Try your favorite tv show, movie, book, country… anything, really. Pretty cool, especially when you’re creating a new brand and want to come up with a color palette.

Palitra 💸FREE💸

A handy color picker, with a variety of other cool functions. I think every designer should use a color picker of some sort.

ColorSlurp 💸FREE💸

Colors

One of the biggest libraries with illustrations out there. Drawkit offers a Pro tier which is well-worth it, but the Free tier also has lots of great stuff in there.

Drawkit 💸FREE💸

Sometimes a simple, 2D shape is all you need to add some pop to your designs. These shapes will work great for a simple logo, for example.

Shapes 💸FREE💸

Reshot includes over 1,500 free illustrations. They also have some really good icons.  No attribution required and no strings attached. Hard to believe, but I guess we should just be grateful to the creators!

Reshot 💸FREE💸

Modifiable svg illustrations. This was the very first illustration pack I used.

unDraw 💸FREE💸

A 2D, svg illustration builder with infinite possibilities. Change body types, clothes, ethnicities, hairstyles, activities, and more.  Illustration packs that are customizable to this level are truly top-tier.

humaaans 💸FREE💸

3D Icons 💸FREE💸

Shapefest features an absolutely mind-blowing number of illustrations - over 100,000!  Countless colors, shapes, scenes, and combinations.  They have a free tier available.

Shapefest 💸FREE💸

This neat little tool lets you convert text or .svg files into 3D illustrations, customize them, and even animate them (animating is a premium feature).

Shift 💸FREE💸

UI8 is a marketplace for a variety of design-related assets, including illustrations.  I wanted to mention it here since it includes countless great packs. In most cases, when using illustrations in real projects, you’ll have to find one great pack and stick with it.  So for example, when designing an automotive-related app, you might want to use some automotive-related illustrations. And these usually come in their own, dedicated packs.  UI8 is where I look for those packs.

UI8 Illustrations 💸PAID💸

I love Storytale. It’s what I use for my content on social media.  2D, 3D, and more. Frequent updates.

Storytale 💸PAID💸

Shape is a premium pack of icons and illustrations.  I never used it, but looks really good.

Shape 💸PAID💸

Such a cool pack! Animated, abstract shapes. First thing that comes to mind is to use them in a portfolio website. I’ve never seen anyone use something like this.

LOOPS 💸PAID💸

Countless poses, ethnicities, activities, and more. Really cool 3D alternative to the pack named Humaaans, mentioned before.

Humans 💸PAID💸

wanna this one 💸PAID💸

You might have heard of Streamline thanks to their icons, but personally I appreciate it more due to their illustrations.

Streamline Illustrations 💸PAID💸

Illustrations

Fun and beautifully designed website that lets you understand different needs of different people. It’s easy to start designing for yourself, and if you have the privilege of not suffering from any type of impairedness, it’s easy to forget about it.  I think learning about accessibility should be fun. It’s often portrayed as boring and dull, but that perception is up to you. If you think about it as something necessary that helps people using your digital product, you’ll have more fun designing accessible solutions.

Cards for Humanity 💸FREE💸

If you want to ensure that your product is accessible, this checklist will help.  You can obviously go through WCAG (Web Content Accessibility Guidelines) as well as the a11y project website, but having a checklist like this is very handy.

Accessibility Not-Checklist 💸FREE💸

The best place to start if you want to learn more about accessible digital design. From principles to more advanced practices.

a11y Project 💸FREE💸

A beautiful, tiny app for checking color contrast ratios. Available for Figma, and as a separate MacOS app.  I also encourage you to check out their guide on color contrast. Getting this right is key.

Contrast 💸FREE💸

This website is AWESOME.  It includes a variety of visual tips for improving accessibility in your product.

AccessGuide 💸FREE💸

Start gives you and your team access to a streamlined, simple accessibility workflow.  It’s useful for a lot more than just checking color contrast. You can learn more on their website. It’s definitely one of the best tools if you want to design with accessibility in mind.

getstark.co 💸FREE💸

Accessibility

Needs no introduction. It left other design tools behind big time.  We use Figma at Wander, I use it when working on client projects, and I use it even for creating my social media posts. Very powerful tool.

Figma 💸FREE💸

I use Framer to build websites. I only started using it a few weeks ago (Q1 of 2025), and was able to come up with really good, simple & complex websites within a few hours.  Direct competition to Webflow, but to me the winner is clear. It’s the tool of the future. I wouldn’t be surprised if I decide to switch from Figma to Framer within a few months or so. After all, you can also design there, not just no-code.

Framer 💸FREE💸

I use Notion to manage pretty much everything. Personal life, business life, freelance work, planning my content, etc.  Sure, it’s not ideal for anything, really. I’ve seen people criticize Notion for trying to do everything without being great at anything. I still find it to be enough for my needs. Some people also do some really crazy stuff with templates.

Notion 💸FREE💸

IconJar is used to manage icons. . IconJar does exactly that.

IconJar 💸PAID💸

Tools for Designers

These aren’t your typical gradients. This is abstract, beautiful art. It can be useful in some cases.

Codioful (formerly Gradienta) 💸FREE💸

Mesh gradients survive the test of time. It took over  linear and radial gradients that were popular at some time.  This website contains 100 free mesh gradients.

Mesh Gradients by ls.graphics 💸FREE💸

180 clean linear gradients.  “But Prudence, I can create linear gradients! What do I need this for?”  For inspiration 🙂

WebGradients 💸FREE💸

Gradientos lets you test how different your gradients would look on some common UI elements.

Gradientos 💸FREE💸

Minimalistic resource, both in terms of style, but also content. The selection of gradients isn’t huge, but they’re top-tier.

Ingradients 💸FREE💸

Gradients

The only photography resource you really need

Unsplash 💸FREE💸

gratisography 💸FREE💸

A great Unsplash alternative, also with videos

Pexels 💸FREE💸

Openverse 💸FREE💸

2.8M+ free photos, videos, vectors, and more

Pixabay 💸FREE💸

coverr 💸FREE💸

Vidsplay 💸FREE💸

Generated Photos 💸FREE💸

remove bg 💸FREE💸

Generate extremely customizable stock photos

Moose by icons8 💸PAID💸

Artgrid 💸PAID💸

Photos & Videos

Build animated mockups in your browser for free

Animockup 💸FREE💸

Angle 💸PAID💸

LS Graphics Mockups💸PAID💸

The fastest wy for designers and marketrs to drag & drop visiuals into 3000+ device mockups

Mockuuups Studio 💸PAID💸

Mockups

Dribbble 💸FREE💸

scrnshts 💸FREE💸

Siiimple 💸FREE💸

Minimal Gallery 💸FREE💸

Astronomically good web design inspiration

Godly 💸FREE💸

Refero 💸FREE💸

Curated Design 💸FREE💸

Fonts in the wild 💸FREE💸

The biggest real-world design inspiration

Mobbin Design 💸FREE💸

Inspiration

Needs no introduction. There are many potential use cases for designers.

ChatGPT 💸FREEMIUM💸

Galileo creates editable UI screens from a simple text description.  The intent isn’t to replace designers though - it’s to give them a tool to design faster and easier.

Galileo AI 💸PAID💸

Dall-E lets you create images and art based on your prompt.  While it’s more of an experimental product for UI/UX Designers, I guess it can be used for creating illustrations or placeholder imagery.

Dall-E 2 💸FREE💸

Similar to DALL-E, except I prefer Midjourney a lot more. The results just look a lot better.  We used Midjourney to design stamps for our Loyalty program at Wander. The results were really nice.

Midjourney 💸FREEMIUM💸

Copy AI helps you write great copy. And while it’s typically not a job of designers to write engaging copy in the product that they’re designing, it certainly won’t hurt ever. The more value you can provide the better. For example, I offer copywriting as a part of my offer when writing with clients.

Copy AI 💸FREEMIUM💸

Artificial Intelligence

The name is pretty explanatory. It’s a job board for designers with filtering functionalities.

Design Jobs Board 💸FREE💸

I mentioned Dribbble Already, but they also have a job board.

Dribbble Jobs 💸FREE💸

awwwards is a pretty popular website for designers for them to take part in various competitions and network. They also have a job board with some powerful filters.

awwwards job board 💸FREE💸

I only found out about read.cv recently. It’s a platform on which you can host your digital CV, as well as network with others and apply to job positions. I love the minimal, clean design.

read cv 💸FREE💸

Playbook isn’t a job board - it’s a collection of guides and tips for designers who want to grow their careers, regardless if we’re talking working full-time, part-time, or as a freelancer.

Playbook 💸FREE💸

Finding a job as a designer

You definitely heard of UpWork, it’s one of the most popular job boards for freelancers out there. That’s both a good and a bad thing. On one side, there are many opportunities. On the other, the competition is huge.  The reason why I personally don’t really use websites like these is because the clients there frequently look at prices, meaning that a lot of them essentially come with a mindset of wanting to hire a cheap designer.

UpWork 💸FREE💸

I can only recommend it if you’re very desperate to get work, don’t mind working for lower amounts, or you just simply want to gain some experience before charging bigger amounts.

Fiverr 💸FREE💸

Toptal is an exclusive network of the best freelancers out there.  I’m not exactly sure how their application process looks like, but considering how much they pride themselves in only accepting the best of the best, it’s definitely very hard.  If you’re an experienced designer with a lot to offer - try it!

Toptal 💸FREE💸

Even though I hate the name (I always recommend people not to charge hourly for their work), the platform is solid. You can sign up as a freelancer and potentially get work relatively quickly. But just like with other platforms like these, the amount of competition, and people who undervalue themselves, is huge.

UI/UX GuideBook - The Ultimate List of UI/UX Tools & Resources

Al reclamar esto, también desbloqueas