Home
  • Introduction & intentions
  • UI design fundamentals & principles
  • Typography
  • Layout & spacing
  • Colors
  • Reflection & UI challenge
  • Developing taste & personal style
  • Finishing touches
  • Podcast, newsletter & blogs
  • Tools & resources
  • Inspiration
  • People to follow
  • What's next
  • 1:1 mentoring
  • Support me
1:1 mentoring
Visual design guide

Share this on LinkedIn

Made as a gift for designers who wants to improve their craft ✨

XLinkedIn
Get pro at Figma

Get pro at Figma

GETTING STARTED

👋🏼Introduction & intentions📌UI design principles

PILLARS OF VISUAL DESIGN

🔠Typography💻Layout & spacing🎨Colors✍🏼Reflection & UI challenge

DIVE DEEPER

🤌🏼Finishing touches🪄Developing taste🛠️Tools & resources

GET INSPIRED

💡Inspiration🎧Podcast, newsletter & blogs🔥People to follow

NEXT & MORE

➡️What’s next🤝1:1 mentoring💜Support me

Get pro at Figma

Reading list

Free resources

Figma youtube channel

  • New to Figma? Get started with "Figma for beginners" tutorials
  • Length of course: 6 lessons totaling ~1 hour

    Instructor: Figma

    Figma’s official YouTube channel is packed full of resources and free courses to learn design, best practices, and everything Figma. This is one resource you’ll want to check out, regardless of your skill level. Best of all, it's 100% free!

  • Learn Design by Figma — FREE
  • Length of course: 3 hours and 17 minutes

    Instructor: Figma

    Learn Design is a theoretical and practical course developed by Figma that is perfect for anyone who’s just entering the UX and UI design field and wants to learn best practices from the creators of the Figma tool.

  • Figma Tips
  • Full Figma Course: Design a Job Website Start to Finish
  • Figma Office Hours
  • Pablo Stanley’s Auto Layout Crash Course

Paid

Figma academy

  • Figma Academy — $299 to $499
  • Length of course: 6 modules (self-paced)

    Instructor: Michael "Ridd" Riddering

  • Level Up with Figma
  • Figmaster — $99
  • Length of course: 42 lessons (self-paced)

    Instructor: Mateusz Wierzbicki

Tips and tricks

  • Figma shortcuts
    • https://figmalion.com/topics/shortcuts

Plugins

  • Unsplash
  • Breakpoints
  • Remove BG
  • Feather Icons
  • LottieFiles
  • Stark
  • Noise
  • Content Reel
  • html.to.design

Interface Design PRO-TIPS inside Figma

‣

key points & summary

← Previous

Add link here

Next →

Add link here

On this page

  • Get pro at Figma
  • Interface Design PRO-TIPS inside Figma
  • key points & summary