Crie interfaces de brilhar os olhos com ênfase em usabilidade

Aprenda como fazer uma entrega de uma agência high ticket.

Figma

Figma

Figma

O Início

01. Seja bem-vindo(a) à trilha Figma!

Henrique Sabino

02:33

Glaukos

02. Segurança no Figma e projetos

William Lima

11:52

Glaukos

03. Organizando informações

William Lima

13:15

Glaukos

04. Perfis no Figma

William Lima

05:38

Glaukos

05. Modo Draw

William Lima

13:02

Glaukos

06. Modo Design

William Lima

04:14

Glaukos

07. Modo Dev Mode

William Lima

08:16

Glaukos

08. Comunidade Figma

William Lima

08:25

Glaukos

09. Atalhos e históricos de logs

William Lima

05:39

Glaukos

Lançamento em novembro

10. UI & UX juntos sempre

William Lima

Glaukos

11. O que o Figma faz x o que ele não faz

Henrique Sabino

02:36

Glaukos

12. Crie sua conta e instale

Henrique Sabino

03:08

Glaukos

O Início

01. Seja bem-vindo(a) à trilha Figma!

02:33

02. Segurança no Figma e projetos

11:52

03. Organizando informações

13:15

04. Perfis no Figma

05:38

05. Modo Draw

13:02

06. Modo Design

04:14

07. Modo Dev Mode

08:16

08. Comunidade Figma

08:25

09. Atalhos e históricos de logs

05:39

10. UI & UX juntos sempre

11. O que o Figma faz x o que ele não faz

02:36

12. Crie sua conta e instale

03:08

O Início

01. Seja bem-vindo(a) à trilha Figma!

02:33

02. Segurança no Figma e projetos

11:52

03. Organizando informações

13:15

04. Perfis no Figma

05:38

05. Modo Draw

13:02

06. Modo Design

04:14

07. Modo Dev Mode

08:16

08. Comunidade Figma

08:25

09. Atalhos e históricos de logs

05:39

10. UI & UX juntos sempre

11. O que o Figma faz x o que ele não faz

02:36

12. Crie sua conta e instale

03:08

Raio-x do Figma

13. Meus projetos

Henrique Sabino

03:34

Glaukos

14. Menu principal

Henrique Sabino

05:25

Glaukos

15. Menu preferências

Henrique Sabino

12:51

Glaukos

16. As principais ferramentas do Figma

Henrique Sabino

15:19

Glaukos

17. O que são layers, assets e pages

Henrique Sabino

13:28

Glaukos

18. Tudo sobre o menu lateral direito

Henrique Sabino

15:17

Glaukos

19. Aba Prototype

Henrique Sabino

12:22

Glaukos

20. Local Styles

Henrique Sabino

09:57

Glaukos

21. Local Variables

Henrique Sabino

08:52

Glaukos

22. Modo visão de protótipo

Henrique Sabino

04:20

Glaukos

Raio-x do Figma

13. Meus projetos

03:34

14. Menu principal

05:25

15. Menu preferências

12:51

16. As principais ferramentas do Figma

15:19

17. O que são layers, assets e pages

13:28

18. Tudo sobre o menu lateral direito

15:17

19. Aba Prototype

12:22

20. Local Styles

09:57

21. Local Variables

08:52

22. Modo visão de protótipo

04:20

Raio-x do Figma

13. Meus projetos

03:34

14. Menu principal

05:25

15. Menu preferências

12:51

16. As principais ferramentas do Figma

15:19

17. O que são layers, assets e pages

13:28

18. Tudo sobre o menu lateral direito

15:17

19. Aba Prototype

12:22

20. Local Styles

09:57

21. Local Variables

08:52

22. Modo visão de protótipo

04:20

Cores & Tipografia

23. Destravando: cores

Henrique Sabino

26:59

Glaukos

24. Tudo sobre degradês

Henrique Sabino

14:42

Glaukos

25. Psicologia das cores

Henrique Sabino

19:38

Glaukos

26. Acessibilidade

Henrique Sabino

16:39

Glaukos

27. Plugins que você precisa instalar

Henrique Sabino

18:39

Glaukos

28. Prática: definindo a tipografia de um projeto

Henrique Sabino

10:58

Glaukos

29. Combinação de fontes

Henrique Sabino

07:51

Glaukos

30. Contraste

Henrique Sabino

09:54

Glaukos

31. Hierarquia de textos

Henrique Sabino

13:18

Glaukos

32. Boas práticas de tipografia

Henrique Sabino

11:43

Glaukos

33. Como montar uma paleta de cores

Henrique Sabino

13:13

Glaukos

Cores & Tipografia

23. Destravando: cores

26:59

24. Tudo sobre degradês

14:42

25. Psicologia das cores

19:38

26. Acessibilidade

16:39

27. Plugins que você precisa instalar

18:39

28. Prática: definindo a tipografia de um projeto

10:58

29. Combinação de fontes

07:51

30. Contraste

09:54

31. Hierarquia de textos

13:18

32. Boas práticas de tipografia

11:43

33. Como montar uma paleta de cores

13:13

Cores & Tipografia

23. Destravando: cores

26:59

24. Tudo sobre degradês

14:42

25. Psicologia das cores

19:38

26. Acessibilidade

16:39

27. Plugins que você precisa instalar

18:39

28. Prática: definindo a tipografia de um projeto

10:58

29. Combinação de fontes

07:51

30. Contraste

09:54

31. Hierarquia de textos

13:18

32. Boas práticas de tipografia

11:43

33. Como montar uma paleta de cores

13:13

O Florescimento

Lançamento em novembro

34. Fórmula Quadraxis

Henrique Sabino

Technes

Lançamento em novembro

35. Moodboard x painel semântico

William Lima

Technes

Lançamento em novembro

36. Princípios e experiência do usuário

William Lima

Technes

Lançamento em novembro

37. Heurísticas de Nielsen

William Lima

Technes

Lançamento em novembro

38. Leis de usabilidade (Fitts, Hick, Miller, Jacob’s…)

William Lima

Technes

39. Onde buscar referências

Henrique Sabino

13:07

Technes

Lançamento em novembro

40. Vieses cognitivos no design

William Lima

Technes

O Florescimento

34. Fórmula Quadraxis

35. Moodboard x painel semântico

36. Princípios e experiência do usuário

37. Heurísticas de Nielsen

38. Leis de usabilidade (Fitts, Hick, Miller, Jacob’s…)

39. Onde buscar referências

13:07

40. Vieses cognitivos no design

O Florescimento

34. Fórmula Quadraxis

35. Moodboard x painel semântico

36. Princípios e experiência do usuário

37. Heurísticas de Nielsen

38. Leis de usabilidade (Fitts, Hick, Miller, Jacob’s…)

39. Onde buscar referências

13:07

40. Vieses cognitivos no design

Destravando o Figma

Lançamento em novembro

41. Criando grids: site, dashboard e app

Henrique Sabino

Technes

42. Style Guide: Tipografia

Henrique Sabino

16:45

Technes

43. Style Guide: Cores

Henrique Sabino

24:19

Technes

Lançamento em novembro

44. Máscara e Boolean

William Lima

Technes

Lançamento em novembro

45. Wireframes

Henrique Sabino

Technes

Destravando o Figma

41. Criando grids: site, dashboard e app

42. Style Guide: Tipografia

16:45

43. Style Guide: Cores

24:19

44. Máscara e Boolean

45. Wireframes

Destravando o Figma

41. Criando grids: site, dashboard e app

42. Style Guide: Tipografia

16:45

43. Style Guide: Cores

24:19

44. Máscara e Boolean

45. Wireframes

Blend Modes

46. Introdução: Blend Modes

William Lima

03:40

Technes

47. Pass Through

William Lima

03:37

Technes

48. Normal

William Lima

01:19

Technes

Lançamento em janeiro

49. Darken

William Lima

Technes

Lançamento em janeiro

50. Multiply

William Lima

Technes

Lançamento em janeiro

51. Plus darker

William Lima

Technes

Lançamento em janeiro

52. Color Burn

William Lima

Technes

Lançamento em janeiro

53. Lighten

William Lima

Technes

Lançamento em janeiro

54. Screen

William Lima

Technes

Lançamento em janeiro

55. Plus lighter

William Lima

Technes

Lançamento em janeiro

56. Color Dodge

William Lima

Technes

57. Overlay

William Lima

05:22

Technes

Lançamento em janeiro

58. Soft Light

William Lima

Technes

Lançamento em janeiro

59. Hard Light

William Lima

Technes

Lançamento em janeiro

60. Difference

William Lima

Technes

Lançamento em janeiro

61. Exclusion

William Lima

Technes

Lançamento em janeiro

62. Hue

William Lima

Technes

Lançamento em janeiro

63. Saturation

William Lima

Technes

Lançamento em janeiro

64. Color

William Lima

Technes

Lançamento em janeiro

65. Luminosity

William Lima

Technes

Blend Modes

46. Introdução: Blend Modes

03:40

47. Pass Through

03:37

48. Normal

01:19

49. Darken

50. Multiply

51. Plus darker

52. Color Burn

53. Lighten

54. Screen

55. Plus lighter

56. Color Dodge

57. Overlay

05:22

58. Soft Light

59. Hard Light

60. Difference

61. Exclusion

62. Hue

63. Saturation

64. Color

65. Luminosity

Blend Modes

46. Introdução: Blend Modes

03:40

47. Pass Through

03:37

48. Normal

01:19

49. Darken

50. Multiply

51. Plus darker

52. Color Burn

53. Lighten

54. Screen

55. Plus lighter

56. Color Dodge

57. Overlay

05:22

58. Soft Light

59. Hard Light

60. Difference

61. Exclusion

62. Hue

63. Saturation

64. Color

65. Luminosity

A Aventura

Lançamento em dezembro

66. Espaçamentos e equilíbrio visual

Henrique Sabino

Ícarus

Lançamento em dezembro

67. Auto layout

Henrique Sabino

Ícarus

Lançamento em dezembro

68. Responsividade em auto layout

William Lima

Ícarus

A Aventura

66. Espaçamentos e equilíbrio visual

67. Auto layout

68. Responsividade em auto layout

A Aventura

66. Espaçamentos e equilíbrio visual

67. Auto layout

68. Responsividade em auto layout

Tokens

Lançamento em dezembro

81. Design tokens

Henrique Sabino

Ícarus

Lançamento em dezembro

82. Seção Depoimentos

Henrique Sabino

Ícarus

Lançamento em dezembro

83. Landing page de 0% a 100%

Henrique Sabino

Ícarus

Lançamento em dezembro

84. Entregáveis de um design

William Lima

Ícarus

Lançamento em dezembro

85. Handoff e suas variações

William Lima

Ícarus

Lançamento em dezembro

86. Mobile First ou não?

William Lima

Ícarus

Tokens

81. Design tokens

82. Seção Depoimentos

83. Landing page de 0% a 100%

84. Entregáveis de um design

85. Handoff e suas variações

86. Mobile First ou não?

Tokens

81. Design tokens

82. Seção Depoimentos

83. Landing page de 0% a 100%

84. Entregáveis de um design

85. Handoff e suas variações

86. Mobile First ou não?

Mão na Massa

Lançamento em dezembro

69. Ícones

Henrique Sabino

Ícarus

Lançamento em dezembro

70. O que são componentes?

Henrique Sabino

Ícarus

Lançamento em dezembro

71. Botões e seus estados

Henrique Sabino

Ícarus

Lançamento em dezembro

72. Variáveis

William Lima

Ícarus

Lançamento em dezembro

73. Criando cards

Henrique Sabino

Ícarus

Lançamento em dezembro

74. Componente Lista

William Lima

Ícarus

Lançamento em dezembro

75. Criando um Hero

William Lima

Ícarus

Lançamento em dezembro

76. Componente Depoimentos

William Lima

Ícarus

Lançamento em dezembro

77. Menu superior

William Lima

Ícarus

Lançamento em dezembro

78. Rodapé

Henrique Sabino

Ícarus

Lançamento em dezembro

79. Formulários

Henrique Sabino

Ícarus

Lançamento em dezembro

80. Protótipos e seus poderes

William Lima

Ícarus

Mão na Massa

69. Ícones

70. O que são componentes?

71. Botões e seus estados

72. Variáveis

73. Criando cards

74. Componente Lista

75. Criando um Hero

76. Componente Depoimentos

77. Menu superior

78. Rodapé

79. Formulários

80. Protótipos e seus poderes

Mão na Massa

69. Ícones

70. O que são componentes?

71. Botões e seus estados

72. Variáveis

73. Criando cards

74. Componente Lista

75. Criando um Hero

76. Componente Depoimentos

77. Menu superior

78. Rodapé

79. Formulários

80. Protótipos e seus poderes

Prototipagem

Lançamento em janeiro

98. Ligação e efeitos de protótipos

Henrique Sabino

Kosmos

Lançamento em janeiro

99. Análise de concorrência

William Lima

Kosmos

Lançamento em janeiro

100. Pesquisa qualitativa x quantitativa

William Lima

Kosmos

Lançamento em janeiro

101. Entrevistas com usuários

William Lima

Kosmos

Lançamento em janeiro

102. Desk Research

William Lima

Kosmos

Lançamento em janeiro

103. Pesquisa de campo

William Lima

Kosmos

Lançamento em janeiro

104. Jornada do usuário (User Journey Map)

William Lima

Kosmos

Lançamento em janeiro

105. Fluxos de navegação (User Flow)

William Lima

Kosmos

Lançamento em janeiro

106. Testes com protótipos e coleta de feedback

William Lima

Kosmos

Prototipagem

98. Ligação e efeitos de protótipos

99. Análise de concorrência

100. Pesquisa qualitativa x quantitativa

101. Entrevistas com usuários

102. Desk Research

103. Pesquisa de campo

104. Jornada do usuário (User Journey Map)

105. Fluxos de navegação (User Flow)

106. Testes com protótipos e coleta de feedback

Prototipagem

98. Ligação e efeitos de protótipos

99. Análise de concorrência

100. Pesquisa qualitativa x quantitativa

101. Entrevistas com usuários

102. Desk Research

103. Pesquisa de campo

104. Jornada do usuário (User Journey Map)

105. Fluxos de navegação (User Flow)

106. Testes com protótipos e coleta de feedback

Portfólio

107. Construindo um portfólio de brilhar os olhos

Henrique Sabino

14:53

Kosmos

Lançamento em janeiro

108. Como eu posto meus projetos

Henrique Sabino

Kosmos

Lançamento em janeiro

109. Como eu crio ilustrações

Henrique Sabino

Kosmos

Lançamento em janeiro

110. Criando um redesign de marca

Henrique Sabino

Kosmos

Portfólio

107. Construindo um portfólio de brilhar os olhos

14:53

108. Como eu posto meus projetos

109. Como eu crio ilustrações

110. Criando um redesign de marca

Portfólio

107. Construindo um portfólio de brilhar os olhos

14:53

108. Como eu posto meus projetos

109. Como eu crio ilustrações

110. Criando um redesign de marca

Ilustração

Ilustração

Ilustração

Arquiteto do Universo

Lançamento em janeiro

91. Erros que já cometi no design

Henrique Sabino

Kosmos

Lançamento em janeiro

92. Microinterações

William Lima

Kosmos

Lançamento em janeiro

93. Prototipação com condicionais

William Lima

Kosmos

Lançamento em janeiro

94. Antes de tudo, pense!

Henrique Sabino

Kosmos

Lançamento em janeiro

95. Entendendo o problema

William Lima

Kosmos

Lançamento em janeiro

96. Tipos de matrizes

William Lima

Kosmos

Lançamento em janeiro

97. Definição de hipóteses e problemas

William Lima

Kosmos

Arquiteto do Universo

91. Erros que já cometi no design

92. Microinterações

93. Prototipação com condicionais

94. Antes de tudo, pense!

95. Entendendo o problema

96. Tipos de matrizes

97. Definição de hipóteses e problemas

Arquiteto do Universo

91. Erros que já cometi no design

92. Microinterações

93. Prototipação com condicionais

94. Antes de tudo, pense!

95. Entendendo o problema

96. Tipos de matrizes

97. Definição de hipóteses e problemas

Criando Marcas

Criando Marcas

Criando Marcas

Design System

Lançamento em dezembro

87. Quando devo usar um design system?

Henrique Sabino

Ícarus

Lançamento em dezembro

88. Construindo um design system

Henrique Sabino

Ícarus

Lançamento em dezembro

89. Design system x style guide

William Lima

Ícarus

Lançamento em dezembro

90. Projeto real ou fictício?

William Lima

Ícarus

Design System

87. Quando devo usar um design system?

88. Construindo um design system

89. Design system x style guide

90. Projeto real ou fictício?

Design System

87. Quando devo usar um design system?

88. Construindo um design system

89. Design system x style guide

90. Projeto real ou fictício?

Olá 👋,

Aqui é o Will, em que posso ajudar?

Sugestões & Feedbacks