Componentes

iniciante

29 min

Botão

Nesta aula veremos a anatomia de um botão, tipos de botões em UI mais comuns, quais seus estados (default, hover, focus, disabled, pressed), e como criar o componente de botão para seu Design System usando Figma.

Introdução

O botão é um dos elementos de UI mais comuns e está presente em praticamente qualquer interface. Ele representa uma ação que o usuário pode tomar, como enviar um formulário, abrir uma nova página ou interagir com um sistema. Geralmente, os botões possuem rótulos descritivos e feedback visual para guiar a experiência do usuário.

Exclusiva para membros

O que está incluso:

Acesso a todas as aulas

Mentoria em grupo semanal

Acesso ao grupo no Discord

Acesso aos recursos exclusivos

Introdução

O botão é um dos elementos de UI mais comuns e está presente em praticamente qualquer interface. Ele representa uma ação que o usuário pode tomar, como enviar um formulário, abrir uma nova página ou interagir com um sistema. Geralmente, os botões possuem rótulos descritivos e feedback visual para guiar a experiência do usuário.

Exclusiva para membros

O que está incluso:

Acesso a todas as aulas

Mentoria em grupo semanal

Acesso ao grupo no Discord

Acesso aos recursos exclusivos

Conteúdo:

componentes.design

v3

Conteúdo de qualidade não precisa custar seu salário.

Esse projeto é uma resposta à elitização do ensino de design no Brasil. Meu objetivo principal é entregar conteúdo de qualidade que é pequeno em preço mas gigante em valor.

Leia mais sobre minha visão e meus valores no manifesto do projeto.

Newsletter

componentes.design

v3

Conteúdo de qualidade não precisa custar seu salário.

Esse projeto é uma resposta à elitização do ensino de design no Brasil. Meu objetivo principal é entregar conteúdo de qualidade que é pequeno em preço mas gigante em valor.

Leia mais sobre minha visão e meus valores no manifesto do projeto.

Newsletter

componentes.design

v3

Conteúdo de qualidade não precisa custar seu salário.

Esse projeto é uma resposta à elitização do ensino de design no Brasil. Meu objetivo principal é entregar conteúdo de qualidade que é pequeno em preço mas gigante em valor.

Leia mais sobre minha visão e meus valores no manifesto do projeto.

Newsletter

componentes.design

v3

Conteúdo de qualidade não precisa custar seu salário.

Esse projeto é uma resposta à elitização do ensino de design no Brasil. Meu objetivo principal é entregar conteúdo de qualidade que é pequeno em preço mas gigante em valor.

Leia mais sobre minha visão e meus valores no manifesto do projeto.

Newsletter

componentes.design

v3

Conteúdo de qualidade não precisa custar seu salário.

Esse projeto é uma resposta à elitização do ensino de design no Brasil. Meu objetivo principal é entregar conteúdo de qualidade que é pequeno em preço mas gigante em valor.

Leia mais sobre minha visão e meus valores no manifesto do projeto.

Newsletter