Design, interatividade & inovação em suas mãos

Aprimore suas habilidades e crie sites fora do comum

Framer

Framer

Framer

Primeira Fase

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

Henrique Sabino

01:36

Aion

02. Conheça seu mentor

Henrique Sabino

03:04

Aion

03. O que o Framer faz x o que ele não faz

Henrique Sabino

02:06

Aion

04. Crie sua conta e instale

Henrique Sabino

02:23

Aion

Primeira Fase

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

01:36

02. Conheça seu mentor

03:04

03. O que o Framer faz x o que ele não faz

02:06

04. Crie sua conta e instale

02:23

Primeira Fase

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

01:36

02. Conheça seu mentor

03:04

03. O que o Framer faz x o que ele não faz

02:06

04. Crie sua conta e instale

02:23

Raio-x do Framer

05. O que são workspaces

Henrique Sabino

04:11

Aion

06. Primeiras impressões

Henrique Sabino

03:49

Aion

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

Henrique Sabino

13:58

Aion

08. Destravando: menu geral

Henrique Sabino

13:45

Aion

09. Configurações

Henrique Sabino

12:56

Aion

10. Tudo sobre domínios

Henrique Sabino

08:51

Aion

11. Planos & preços

Henrique Sabino

13:19

Aion

12. Como transferir um projeto

Henrique Sabino

04:37

Aion

13. Tudo sobre o menu lateral direito

Henrique Sabino

47:41

Aion

Raio-x do Framer

05. O que são workspaces

04:11

06. Primeiras impressões

03:49

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

13:58

08. Destravando: menu geral

13:45

09. Configurações

12:56

10. Tudo sobre domínios

08:51

11. Planos & preços

13:19

12. Como transferir um projeto

04:37

13. Tudo sobre o menu lateral direito

47:41

Raio-x do Framer

05. O que são workspaces

04:11

06. Primeiras impressões

03:49

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

13:58

08. Destravando: menu geral

13:45

09. Configurações

12:56

10. Tudo sobre domínios

08:51

11. Planos & preços

13:19

12. Como transferir um projeto

04:37

13. Tudo sobre o menu lateral direito

47:41

Princípios Básicos

14. Regras de layout 4/8pt

Henrique Sabino

05:17

Aion

15. Framer x Figma

Henrique Sabino

06:02

Aion

16. Estrutura de Stacks/Frames para criação de sites

Henrique Sabino

29:25

Aion

17. Paragraphs e H1 ao H6

Henrique Sabino

08:41

Aion

18. Imagens, vetores e SVGs

Henrique Sabino

18:28

Aion

Princípios Básicos

14. Regras de layout 4/8pt

05:17

15. Framer x Figma

06:02

16. Estrutura de Stacks/Frames para criação de sites

29:25

17. Paragraphs e H1 ao H6

08:41

18. Imagens, vetores e SVGs

18:28

Princípios Básicos

14. Regras de layout 4/8pt

05:17

15. Framer x Figma

06:02

16. Estrutura de Stacks/Frames para criação de sites

29:25

17. Paragraphs e H1 ao H6

08:41

18. Imagens, vetores e SVGs

18:28

Crescimento Natural

19. A importância de dominar o Figma

Henrique Sabino

06:52

Physis

20. Hospedagem no Framer x hospedagens comuns

Henrique Sabino

06:47

Physis

21. Por que você deve abandonar o Elementor

Henrique Sabino

09:49

Physis

Crescimento Natural

19. A importância de dominar o Figma

06:52

20. Hospedagem no Framer x hospedagens comuns

06:47

21. Por que você deve abandonar o Elementor

09:49

Crescimento Natural

19. A importância de dominar o Figma

06:52

20. Hospedagem no Framer x hospedagens comuns

06:47

21. Por que você deve abandonar o Elementor

09:49

Destravando Framer

22. Breakpoints

Henrique Sabino

16:51

Physis

23. Criando um style guide

Henrique Sabino

23:51

Physis

24. Transições de página

Henrique Sabino

04:42

Physis

25. Stacks: relative e absolute

Henrique Sabino

15:08

Physis

26. Fill e fit, explicado

Henrique Sabino

09:13

Physis

27. Grid e wrap

Henrique Sabino

07:30

Physis

28. Posições fixed e sticky

Henrique Sabino

12:04

Physis

29. O que é viewport?

Henrique Sabino

08:00

Physis

30. Rolando a página com scroll section

Henrique Sabino

03:36

Physis

31. PNG ou WebP? Qual devo utilizar?

Henrique Sabino

11:42

Physis

32. O que são fetchs?

Henrique Sabino

09:54

Physis

33. Como organizar os componentes

Henrique Sabino

04:28

Physis

Lançamento em novembro

34. Ticker, carrossel e slideshow

Henrique Sabino

Physis

35. Staging e production

Henrique Sabino

08:04

Physis

Destravando Framer

22. Breakpoints

16:51

23. Criando um style guide

23:51

24. Transições de página

04:42

25. Stacks: relative e absolute

15:08

26. Fill e fit, explicado

09:13

27. Grid e wrap

07:30

28. Posições fixed e sticky

12:04

29. O que é viewport?

08:00

30. Rolando a página com scroll section

03:36

31. PNG ou WebP? Qual devo utilizar?

11:42

32. O que são fetchs?

09:54

33. Como organizar os componentes

04:28

34. Ticker, carrossel e slideshow

35. Staging e production

08:04

Destravando Framer

22. Breakpoints

16:51

23. Criando um style guide

23:51

24. Transições de página

04:42

25. Stacks: relative e absolute

15:08

26. Fill e fit, explicado

09:13

27. Grid e wrap

07:30

28. Posições fixed e sticky

12:04

29. O que é viewport?

08:00

30. Rolando a página com scroll section

03:36

31. PNG ou WebP? Qual devo utilizar?

11:42

32. O que são fetchs?

09:54

33. Como organizar os componentes

04:28

34. Ticker, carrossel e slideshow

35. Staging e production

08:04

Mão na massa

Lançamento em novembro

36. Criando botões profissionais

Henrique Sabino

Physis

37. Tudo sobre formulários PT. 1

Henrique Sabino

25:22

Physis

38. Tudo sobre formulários PT. 2

Henrique Sabino

19:31

Physis

Lançamento em novembro

39. Hero banner animado PT. 1

Henrique Sabino

Physis

Lançamento em novembro

40. Hero banner animado PT. 2

Henrique Sabino

Physis

Lançamento em novembro

41. Hero banner animado PT. 3

Henrique Sabino

Physis

Lançamento em novembro

42. Seção depoimentos

Henrique Sabino

Physis

43. Criando um menu de navegação

Henrique Sabino

21:15

Physis

Lançamento em novembro

44. Rodapé/Footer

Henrique Sabino

Physis

Lançamento em novembro

45. Bento Grids

Henrique Sabino

Physis

Lançamento em novembro

46. Como trabalhar com vetores e ícones

Henrique Sabino

Physis

Mão na massa

36. Criando botões profissionais

37. Tudo sobre formulários PT. 1

25:22

38. Tudo sobre formulários PT. 2

19:31

39. Hero banner animado PT. 1

40. Hero banner animado PT. 2

41. Hero banner animado PT. 3

42. Seção depoimentos

43. Criando um menu de navegação

21:15

44. Rodapé/Footer

45. Bento Grids

46. Como trabalhar com vetores e ícones

Mão na massa

36. Criando botões profissionais

37. Tudo sobre formulários PT. 1

25:22

38. Tudo sobre formulários PT. 2

19:31

39. Hero banner animado PT. 1

40. Hero banner animado PT. 2

41. Hero banner animado PT. 3

42. Seção depoimentos

43. Criando um menu de navegação

21:15

44. Rodapé/Footer

45. Bento Grids

46. Como trabalhar com vetores e ícones

O Engenheiro Criativo

47. Como finalizar um projeto para entrega

Henrique Sabino

11:54

Archimedes

O Engenheiro Criativo

47. Como finalizar um projeto para entrega

11:54

O Engenheiro Criativo

47. Como finalizar um projeto para entrega

11:54

Performance & SEO

Lançamento em novembro

48. Análise com PageSpeed

Henrique Sabino

Archimedes

Lançamento em novembro

49. Análise com GTmetrix

Henrique Sabino

Archimedes

Lançamento em novembro

50. Isso deixa seu site lento!

Henrique Sabino

Archimedes

Lançamento em novembro

51. Limpando as Stacks

Henrique Sabino

Archimedes

Lançamento em novembro

52. Comprimindo Imagens

Henrique Sabino

Archimedes

Lançamento em novembro

53. Performance no 100%

Henrique Sabino

Archimedes

Lançamento em novembro

54. Best Pratices no 100%

Henrique Sabino

Archimedes

Lançamento em novembro

55. SEO no 100%

Henrique Sabino

Archimedes

Lançamento em novembro

56. Acessibilidade no 100%

Henrique Sabino

Archimedes

Performance & SEO

48. Análise com PageSpeed

49. Análise com GTmetrix

50. Isso deixa seu site lento!

51. Limpando as Stacks

52. Comprimindo Imagens

53. Performance no 100%

54. Best Pratices no 100%

55. SEO no 100%

56. Acessibilidade no 100%

Performance & SEO

48. Análise com PageSpeed

49. Análise com GTmetrix

50. Isso deixa seu site lento!

51. Limpando as Stacks

52. Comprimindo Imagens

53. Performance no 100%

54. Best Pratices no 100%

55. SEO no 100%

56. Acessibilidade no 100%

Construindo com CMS

Lançamento em novembro

57. Componentes e Variáveis

Henrique Sabino

Archimedes

Lançamento em novembro

58. Introdução ao CMS

Henrique Sabino

Archimedes

Lançamento em novembro

59. Carrossel de depoimentos com CMS

Henrique Sabino

Archimedes

60. Catálogo de produtos com CMS

Henrique Sabino

01h19

Archimedes

Lançamento em novembro

61. Portfólio com CMS

Henrique Sabino

Archimedes

Lançamento em novembro

62. Roadmap/Timeline com CMS

Henrique Sabino

Archimedes

Lançamento em novembro

63. Blog com CMS

Henrique Sabino

Archimedes

Lançamento em novembro

64. Portal de notícias com CMS

Henrique Sabino

Archimedes

Lançamento em novembro

65. Calendário com CMS

Henrique Sabino

Archimedes

Lançamento em novembro

66. Área de Membros com CMS

Henrique Sabino

Archimedes

Lançamento em novembro

67. Netflix com CMS

Henrique Sabino

Archimedes

68. Inserindo uma busca interna no site

Henrique Sabino

11:55

Archimedes

Construindo com CMS

57. Componentes e Variáveis

58. Introdução ao CMS

59. Carrossel de depoimentos com CMS

60. Catálogo de produtos com CMS

01h19

61. Portfólio com CMS

62. Roadmap/Timeline com CMS

63. Blog com CMS

64. Portal de notícias com CMS

65. Calendário com CMS

66. Área de Membros com CMS

67. Netflix com CMS

68. Inserindo uma busca interna no site

11:55

Construindo com CMS

57. Componentes e Variáveis

58. Introdução ao CMS

59. Carrossel de depoimentos com CMS

60. Catálogo de produtos com CMS

01h19

61. Portfólio com CMS

62. Roadmap/Timeline com CMS

63. Blog com CMS

64. Portal de notícias com CMS

65. Calendário com CMS

66. Área de Membros com CMS

67. Netflix com CMS

68. Inserindo uma busca interna no site

11:55

Animações

Lançamento em dezembro

69. Transitions e Events

Henrique Sabino

Archimedes

70. Conhecendo as animações do Framer

Henrique Sabino

14:56

Archimedes

Lançamento em dezembro

71. Animações de texto

Henrique Sabino

Archimedes

Lançamento em dezembro

72. Lightbox

Henrique Sabino

Archimedes

Lançamento em dezembro

73. Appear, Hover, Press e Drag

Henrique Sabino

Archimedes

Lançamento em dezembro

74. Animação em Loop

Henrique Sabino

Archimedes

Lançamento em dezembro

75. Scroll Animation

Henrique Sabino

Archimedes

Lançamento em dezembro

76. Scroll Speed

Henrique Sabino

Archimedes

Lançamento em dezembro

77. Scroll Transform

Henrique Sabino

Archimedes

Lançamento em dezembro

78. Scroll Variant

Henrique Sabino

Archimedes

Lançamento em dezembro

79. Animações em 3D

Henrique Sabino

Archimedes

Animações

69. Transitions e Events

70. Conhecendo as animações do Framer

14:56

71. Animações de texto

72. Lightbox

73. Appear, Hover, Press e Drag

74. Animação em Loop

75. Scroll Animation

76. Scroll Speed

77. Scroll Transform

78. Scroll Variant

79. Animações em 3D

Animações

69. Transitions e Events

70. Conhecendo as animações do Framer

14:56

71. Animações de texto

72. Lightbox

73. Appear, Hover, Press e Drag

74. Animação em Loop

75. Scroll Animation

76. Scroll Speed

77. Scroll Transform

78. Scroll Variant

79. Animações em 3D

Plugins

Lançamento em dezembro

80. Do Figma para o Framer

Henrique Sabino

Archimedes

81. Populando o CMS usando o Notion

Henrique Sabino

20:48

Archimedes

Lançamento em dezembro

82. Importando artigos de um blog em Wordpress

Henrique Sabino

Archimedes

Lançamento em dezembro

83. Busca inteligente com Superfields

Henrique Sabino

Archimedes

Lançamento em dezembro

84. Formulário Hubspot

Henrique Sabino

Archimedes

Lançamento em dezembro

85. Formulário RD Station

Henrique Sabino

Archimedes

Lançamento em dezembro

86. Noder

Henrique Sabino

Archimedes

Plugins

80. Do Figma para o Framer

81. Populando o CMS usando o Notion

20:48

82. Importando artigos de um blog em Wordpress

83. Busca inteligente com Superfields

84. Formulário Hubspot

85. Formulário RD Station

86. Noder

Plugins

80. Do Figma para o Framer

81. Populando o CMS usando o Notion

20:48

82. Importando artigos de um blog em Wordpress

83. Busca inteligente com Superfields

84. Formulário Hubspot

85. Formulário RD Station

86. Noder

Responsividade

Lançamento em dezembro

87. Criando a versão responsiva de um site

Henrique Sabino

Archimedes

Lançamento em dezembro

88. Responsivo sem empilhar

Henrique Sabino

Archimedes

Lançamento em dezembro

89. Botão fixo no mobile

Henrique Sabino

Archimedes

Lançamento em dezembro

90. Checklist mobile

Henrique Sabino

Archimedes

Lançamento em dezembro

91. Criando um menu responsivo

Henrique Sabino

Archimedes

Responsividade

87. Criando a versão responsiva de um site

88. Responsivo sem empilhar

89. Botão fixo no mobile

90. Checklist mobile

91. Criando um menu responsivo

Responsividade

87. Criando a versão responsiva de um site

88. Responsivo sem empilhar

89. Botão fixo no mobile

90. Checklist mobile

91. Criando um menu responsivo

O Mestre Supremo

Lançamento em dezembro

92. Criando um protótipo no Framer

Henrique Sabino

Chiron

Lançamento em janeiro

93. Pense na arquitetura dos dados

Henrique Sabino

Chiron

O Mestre Supremo

92. Criando um protótipo no Framer

93. Pense na arquitetura dos dados

O Mestre Supremo

92. Criando um protótipo no Framer

93. Pense na arquitetura dos dados

Renda Extra

Lançamento em janeiro

94. Framer partner

Henrique Sabino

Chiron

Lançamento em janeiro

95. Expert PRO

Henrique Sabino

Chiron

Lançamento em janeiro

96. Criando templates para o Framer

Henrique Sabino

Chiron

Renda Extra

94. Framer partner

95. Expert PRO

96. Criando templates para o Framer

Renda Extra

94. Framer partner

95. Expert PRO

96. Criando templates para o Framer

Codes Overrides

Lançamento em janeiro

97. Introdução aos Codes Overrides

Henrique Sabino

Chiron

Lançamento em janeiro

98. Calculadora de juros

Henrique Sabino

Chiron

Lançamento em janeiro

99. Botão de Whatsapp com números aleatórios

Henrique Sabino

Chiron

Lançamento em janeiro

100. Mostrador de data

Henrique Sabino

Chiron

Lançamento em janeiro

101. Player de vídeo leve

Henrique Sabino

Chiron

Lançamento em janeiro

102. Mostrador de depoimentos aleatórios

Henrique Sabino

Chiron

Lançamento em janeiro

103. Botão de Like Real

Henrique Sabino

Chiron

Codes Overrides

97. Introdução aos Codes Overrides

98. Calculadora de juros

99. Botão de Whatsapp com números aleatórios

100. Mostrador de data

101. Player de vídeo leve

102. Mostrador de depoimentos aleatórios

103. Botão de Like Real

Codes Overrides

97. Introdução aos Codes Overrides

98. Calculadora de juros

99. Botão de Whatsapp com números aleatórios

100. Mostrador de data

101. Player de vídeo leve

102. Mostrador de depoimentos aleatórios

103. Botão de Like Real

Olá 👋,

Aqui é o Will, em que posso ajudar?

Sugestões & Feedbacks