Home iconHHomeBasics iconBBasicsGraphic Design iconGGraphic DesignFigma iconFFigmaResources iconRResourcesIndex iconIIndex
Resources Hero

Resources

Curated Tools for Design and Figma Mastery

Your Design Resource Hub

Finding the right tools and inspiration can transform your design process. This page curates the best resources for graphic design and Figma, from free templates to community-driven plugins. Whether you’re a beginner or a pro, these hand-picked links will save you time and spark creativity.

We’ve sourced from places like Awesome Design and Awesome Figma, plus other trusted communities.

Figma Ecosystem

Figma’s strength lies in its community and tools. Explore free resources and plugins to supercharge your workflow, all available directly within Figma or on GitHub.

Figma Community

+

Free templates, plugins, and UI kits from Figma’s vibrant community.

The Figma Community is a treasure trove of free resources. Browse thousands of templates, plugins, and widgets created by designers worldwide.

What You’ll Find:

  • UI kits like the iOS 16 UI Kit by Joey Banks.
  • Plugins like Unsplash for free images.
  • Prototyping templates to kickstart projects.

How to Use: Search by category or keyword, then duplicate files to your Figma account.

Visit Website

Awesome Figma (GitHub)

+

A curated list of Figma plugins and tools for developers and designers.

The Awesome Figma repo on GitHub compiles top Figma resources.

Highlights:

  • create-figma-plugin: Toolkit for building plugins.
  • figma-plugin-react-template: Boilerplate for React-based plugins.
  • figma-latex-complete-plugin: Add LaTeX to your designs.

Why It’s Great: Open-source and community-driven, perfect for customizing Figma to your needs.

Visit Website

Figma Plugins on GitHub

+

Open-source plugins to extend Figma’s functionality.

Check out Figma’s Plugin Resources for open-source goodies.

Examples:

  • Polychrom: Measure contrast between layers.
  • figcd: CLI for continuous plugin delivery.
  • Include: Accessibility annotations.

Get Started: Fork these repos or install directly from Figma Community.

Visit Website

Inspiration and Assets

Need a creative boost or high-quality assets? These platforms offer everything from design showcases to free fonts and icons, curated from sources like Awesome Design.

Dribbble

+

Inspiration from top designers around the globe.

Dribbble is where designers share their best work.

What’s Inside:

  • UI/UX concepts.
  • Motion design ideas.
  • Freebies like icons or templates (search ‘free’).

Tip: Follow designers you admire and screenshot ideas for your Figma mood board.

Visit Website

Google Fonts

+

Free, open-source fonts for any project.

Google Fonts offers a vast library of typefaces.

Why Use It:

  • Pair fonts like ‘Montserrat’ and ‘Roboto’ in Figma.
  • Download or link directly in your projects.
  • Explore font pairings with the ‘Pairings’ tool.

Fun Fact: All fonts are free for commercial use!

Visit Website

Awwwards

+

Award-winning web designs to spark your creativity.

Awwwards showcases cutting-edge web design.

What You’ll Get:

  • Daily inspiration from top sites.
  • Trends like neumorphism or glassmorphism.
  • Free resources in their ‘Collect’ section.

How to Use: Recreate layouts in Figma to practice advanced techniques.

Visit Website

Learning and Tools

Level up your skills with tutorials, UI kits, and design tools. These resources blend practical assets with education, pulling from communities like GitHub and beyond.

Awesome Design (GitHub)

+

A massive list of design tools, books, and resources.

Awesome Design is a goldmine for designers.

Standouts:

  • Books: The Design of Everyday Things by Don Norman.
  • Tools: Canva, Sketch, and more.
  • UI Kits: Free resources like Bootstrap UI.

Why It’s Useful: Covers everything from theory to practice in one place.

Visit Website

UI8 Freebies

+

High-quality free UI kits and templates.

UI8 Freebies offers pro-level design assets.

What’s Available:

  • Mobile app UI kits.
  • Landing page templates.
  • Figma-compatible files.

How to Use: Duplicate to Figma, tweak, and integrate into your projects.

Visit Website

Untitledui

+

A modern Figma UI kit with thousands of components.

Untitled UI provides a free tier of its massive UI kit.

Features:

  • 8,000+ customizable components.
  • Auto Layout and variants ready.
  • Light/dark mode support.

Perfect For: Building sleek interfaces fast—grab it from Figma Community.

Visit Website