Tutorial
/
Intermediário
Recriando o botão da Huly em Framer, sem nada de código
0:00
Por Matusael
Vamos recriar o botão de um site de quase 500 mil reais em Framer, 100% sem código e de modo fácil.
Fundamentos do Framer
Framer na prática
Tutoriais e Workshops
Como fazer transformação em 3D no Figma
Figma
Framer
Integre formulário do Framer ao ActiveCampaign
Clique aqui e garanta o pacote completo por apenas R$47,50/mês
Obrigado
Muito obrigado!
Obrigado por confiar nas nossas soluções. Se quiser nos ajudar, ficaríamos gratos se compartilhasse o Unkern:
Comunidade
+9k
Soluções
Careers
Figma Pro
6m Free
Freepik
20% off
Entrar
Teste grátis
© 2026 Unkern
Built by
Studio
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 63 21" xmlns="http://www.w3.org/2000/svg"><g d="M 20.648 0.323 L 23.827 0.323 L 23.827 4.24 C 24.356 2.84 25.191 1.79 26.33 1.09 C 27.496 0.363 28.873 0 30.462 0 C 32.714 0 34.516 0.754 35.867 2.262 C 37.244 3.769 37.933 5.762 37.933 8.238 L 37.933 20.677 L 34.754 20.677 L 34.754 8.763 C 34.754 7.013 34.29 5.613 33.363 4.563 C 32.463 3.486 31.257 2.948 29.747 2.948 C 28.025 2.948 26.608 3.581 25.496 4.846 C 24.383 6.111 23.827 7.727 23.827 9.692 L 23.827 20.677 L 20.648 20.677 Z M 17.245 20.677 L 14.067 20.677 L 14.067 16.76 C 13.537 18.133 12.689 19.183 11.523 19.91 C 10.384 20.637 9.033 21 7.47 21 C 5.219 21 3.404 20.246 2.027 18.738 C 0.675 17.231 0 15.238 0 12.762 L 0 0.323 L 3.179 0.323 L 3.179 12.237 C 3.179 13.986 3.629 15.4 4.53 16.477 C 5.457 17.527 6.676 18.052 8.186 18.052 C 9.907 18.052 11.312 17.419 12.398 16.154 C 13.51 14.888 14.067 13.273 14.067 11.308 L 14.067 0.323 L 17.245 0.323 Z M 49.803 20.654 L 47.724 15.998 C 46.061 12.276 46.093 7.998 47.81 4.301 L 49.807 0 L 53.218 0 L 50.599 5.639 C 49.269 8.504 49.245 11.818 50.533 14.703 L 53.19 20.654 L 49.803 20.654 Z M 57.985 20.654 L 53.423 15.091 C 51.16 12.331 51.152 8.325 53.402 5.554 L 57.915 0 L 61.915 0 L 55.781 7.55 C 54.475 9.158 54.48 11.483 55.793 13.084 L 62 20.654 Z M 44.771 0 L 41.686 0 L 41.686 20.654 L 44.771 20.654 Z" fill="transparent" height="21px" id="QjcJemhAm" width="62.00000071477781px"><path d="M 20.648 0.323 L 23.827 0.323 L 23.827 4.24 C 24.356 2.84 25.191 1.79 26.33 1.09 C 27.496 0.363 28.873 0 30.462 0 C 32.714 0 34.516 0.754 35.867 2.262 C 37.244 3.769 37.933 5.762 37.933 8.238 L 37.933 20.677 L 34.754 20.677 L 34.754 8.763 C 34.754 7.013 34.29 5.613 33.363 4.563 C 32.463 3.486 31.257 2.948 29.747 2.948 C 28.025 2.948 26.608 3.581 25.496 4.846 C 24.383 6.111 23.827 7.727 23.827 9.692 L 23.827 20.677 L 20.648 20.677 Z M 17.245 20.677 L 14.067 20.677 L 14.067 16.76 C 13.537 18.133 12.689 19.183 11.523 19.91 C 10.384 20.637 9.033 21 7.47 21 C 5.219 21 3.404 20.246 2.027 18.738 C 0.675 17.231 0 15.238 0 12.762 L 0 0.323 L 3.179 0.323 L 3.179 12.237 C 3.179 13.986 3.629 15.4 4.53 16.477 C 5.457 17.527 6.676 18.052 8.186 18.052 C 9.907 18.052 11.312 17.419 12.398 16.154 C 13.51 14.888 14.067 13.273 14.067 11.308 L 14.067 0.323 L 17.245 0.323 Z" fill="rgb(25, 27, 237)" height="21px" id="g8FsXmtjt" width="37.93287153640691px"/><path d="M 3.304 20.654 L 1.225 15.998 C -0.438 12.276 -0.406 7.998 1.311 4.301 L 3.308 0 L 6.719 0 L 4.1 5.639 C 2.77 8.504 2.745 11.818 4.034 14.703 L 6.691 20.654 L 3.304 20.654 Z" fill="rgb(25, 27, 237)" height="20.65393818110041px" id="R3YPUjuWK" transform="translate(46.499 0)" width="6.719209706921147px"/><path d="M 6.265 20.654 L 1.703 15.091 C -0.56 12.331 -0.569 8.325 1.682 5.554 L 6.195 0 L 10.195 0 L 4.061 7.55 C 2.755 9.158 2.76 11.483 4.073 13.084 L 10.28 20.654 Z" fill="rgb(25, 27, 237)" height="20.65393818110041px" id="avVKU1MRv" transform="translate(51.72 0)" width="10.279881238459456px"/><path d="M 3.085 0 L 0 0 L 0 20.654 L 3.085 20.654 Z" fill="rgb(25, 27, 237)" height="20.65393818110041px" id="P0y4HDG4g" transform="translate(41.686 0)" width="3.0846074184509362px"/></g></svg>)
