Mentorias de Design
Melhore seu Craft
Mentorias de Design
Aprenda os Fundamentos
Mentorias de Design
Saiba onde está errando

Recursos

content_copy

Exclusivos

Tipografia

Ícones

Cores

Frameworks

Ferramentas & Recursos

Guias

Cursos

Artigos

Inspiração

Parceiros

Exclusivos

Framer Template

Tenha seu próprio link bio utilizando meu template gratuito Biown.

Grátis

Notion

Notion com 470+ Ferramentas e Recursos categorizados em diferentes segmentos.

R$30

Notion

Minha biblioteca pessoal com 330+ conteúdos sobre diferentes áreas do design e tecnologia.

R$30

Livro

Meu primeiro livro é dedicado ao tema Tipografia & Interface. Utilize o cupom willianmatiola10

R$59,80

Tipografia

Typle Scale

Crie hierarquias tipográficas e personalize estilos

arrow_outward

Typle Scale

arrow_outward

Modular Scale

Crie hierarquias tipográficas com diversas escalas

arrow_outward

Modular Scale

arrow_outward

Fontshare

Typefaces gratuitas

arrow_outward

Fontshare

arrow_outward

Type Scale Material Design

arrow_outward

Type Scale Material Design

arrow_outward

Ícones

Pikaicons

Ícones para UI modernas

arrow_outward

Pikaicons

arrow_outward

Pikaicons

arrow_outward

Iconic

Mais de 1000 icones e crescendo

arrow_outward

Iconic

arrow_outward

Iconic

arrow_outward

FramerIcons

Plugin para Framer com dezenas de icon sets

arrow_outward

FramerIcons

arrow_outward

FramerIcons

arrow_outward

Cores

⚹

UI Colors

Gerador de cores do Tailwind CSS

arrow_outward

⚹

UI Colors

arrow_outward

Leonardo Color

Ferramentas de cores

arrow_outward

Leonardo Color

arrow_outward

Leonardo Color

arrow_outward

⚹

Shaderade

Gere sombras rapidamente

arrow_outward

⚹

Shaderade

arrow_outward

⚹

OKLCH Color Palette Generator

Gere paletas de cores harmoniosas com controle preciso

arrow_outward

⚹

OKLCH Color Palette Generator

arrow_outward

Frameworks

Tailwind CSS

Diversos componentes de UI prontos para usar

arrow_outward

Tailwind CSS

arrow_outward

Tailwind CSS

arrow_outward

Atomize Design System

UI Design Kit para Figma

arrow_outward

Atomize Design System

arrow_outward

Atomize Design System

arrow_outward

Ferramentas & Recursos

⚹

Shaper

Ferramenta de design generativo para UI

arrow_outward

⚹

Shaper

arrow_outward

Stylebit

Meça adoção de componentes do seu DS

arrow_outward

Stylebit

arrow_outward

Stylebit

arrow_outward

Screen Studio

Ferramenta para gravar sua tela

arrow_outward

Screen Studio

arrow_outward

Screen Studio

arrow_outward

Framer

Ferramenta usada para desenvolver o Componentes Design

arrow_outward

Framer

arrow_outward

Framer

arrow_outward

SaaS UI (ilustrações)

Illustrações para seu DS e docs

arrow_outward

SaaS UI (ilustrações)

arrow_outward

SaaS UI (ilustrações)

arrow_outward

Lovable

AI para criar apps (vibe-coding)

arrow_outward

Lovable

arrow_outward

Lovable

arrow_outward

Guias

Design System Checklist

Lista para ajudar a planejar e construir seu DS

arrow_outward

Design System Checklist

arrow_outward

Design System Checklist

arrow_outward

Design System Guide

Recursos essenciais para criar seu DS

arrow_outward

Design System Guide

arrow_outward

Design System Guide

arrow_outward

Cursos

Intuitive Pixel

Curso do Andrey Knabbenn sobre UI/UX Design

arrow_outward

Intuitive Pixel

arrow_outward

Intuitive Pixel

arrow_outward

Intuitive Starter

Curso de Figma do Andrey Knabbenn

arrow_outward

Intuitive Starter

arrow_outward

Intuitive Starter

arrow_outward

⚹

Criando projetos reais no Figma

Curso do Jonas Milan

arrow_outward

⚹

Criando projetos reais no Figma

arrow_outward

Artigos

Linguagem de design coesa e eficiente com design tokens

UX Collective 🇧🇷

arrow_outward

Linguagem de design coesa e eficiente com design tokens

arrow_outward

Linguagem de design coesa e eficiente com design tokens

arrow_outward

Defining colors in your design system

UX Collective

arrow_outward

Defining colors in your design system

arrow_outward

Defining colors in your design system

arrow_outward

Design Tokens 101

Design Strategy

arrow_outward

Design Tokens 101

arrow_outward

Design Tokens 101

arrow_outward

Organizar bibliotecas de Design System no Figma

UX Collective 🇧🇷

arrow_outward

Organizar bibliotecas de Design System no Figma

arrow_outward

Organizar bibliotecas de Design System no Figma

arrow_outward

Criando novos componentes para um DS

UX Collective 🇧🇷

arrow_outward

Criando novos componentes para um DS

arrow_outward

Criando novos componentes para um DS

arrow_outward

Design System Figma Variables

UX Collective

arrow_outward

Design System Figma Variables

arrow_outward

Design System Figma Variables

arrow_outward

Design Tokens

UX Collective

arrow_outward

Design Tokens

arrow_outward

Design Tokens

arrow_outward

Naming Tokens in Design Systems

EightShapes

arrow_outward

Naming Tokens in Design Systems

arrow_outward

Naming Tokens in Design Systems

arrow_outward

Create Design System Guide

UX Pin

arrow_outward

Create Design System Guide

arrow_outward

Create Design System Guide

arrow_outward

Inspiração

The Component Gallery

Exemplos e detalhes de componentes de UI

arrow_outward

The Component Gallery

arrow_outward

The Component Gallery

arrow_outward

Neurodiversity Design System

Padrões e princípios para LMS

arrow_outward

Neurodiversity Design System

arrow_outward

Neurodiversity Design System

arrow_outward

Design System Repo

Repositório de diversos DS para inspiração

arrow_outward

Design System Repo

arrow_outward

Design System Repo

arrow_outward

Parceiros

Clube de UI

Comunidade portuguesa de UX, UI e PD

arrow_outward

Clube de UI

arrow_outward

Clube de UI

arrow_outward

Stoa Design

Newsletter sobre Design e Vida

arrow_outward

Stoa Design

arrow_outward

Stoa Design

arrow_outward

620

Alunos na newsletter

Para quem não quer perder nenhuma novidade do projeto.

620

Alunos na newsletter

Para quem não quer perder nenhuma novidade do projeto.

620

Alunos na newsletter