Summary
Keywords
Full Transcript
Hoje, vamos trabalhar com responsividade no Figma, utilizando auto layout para criar um design responsivo.❗ 👉 LINKS CITADOS: Inscreva-se: https://www.youtube.com/@douglazarini Curso de Figma: https://www.youtube.com/watch?v=-wMGaO283Cw&list=PL2b2uvKR5s-Hx3byi3qZY_HhPPw9U0e6x Figma Auto Layout: https://youtu.be/UKTE-04LxVc Protótipo no Figma: https://youtu.be/MKDpqjxe1Rw Imagens no Figma: https://www.youtube.com/watch?v=lXm-tUfQZrg Caneta no Figma: https://youtu.be/Z1gwNmZUCBM 👉 REDES SOCIAIS: Entre no canal do WhatsApp: https://whatsapp.com/channel/0029VabyET76RGJFHdkLIr3Q Entre no canal do Telegram: https://t.me/douglazarini Neste vídeo, você vai aprender tudo sobre responsividade no Figma e como usar auto layout para criar um design responsivo. Primeiramente, entender como fazer um design responsivo é essencial para qualquer designer que deseja criar interfaces de usuário que funcionem bem em todas as plataformas. Em outras palavras, um design responsivo garante que seu site seja acessível e funcional em qualquer dispositivo, seja ele desktop, tablet ou smartphone. Portanto, se você deseja dominar essa técnica, este vídeo é perfeito para você! Primeiramente, vamos começar com uma visão geral do Figma e suas funcionalidades. Você aprenderá como navegar pela interface do Figma e onde encontrar as principais ferramentas. Além disso, vamos mostrar como criar um novo projeto e configurar a estrutura básica do seu design responsivo. Ou seja, você terá uma compreensão completa de como iniciar seu projeto no Figma. Além disso, abordaremos como usar o auto layout no Figma. Primeiramente, você aprenderá a configurar o auto layout para organizar seus elementos de design de maneira responsiva. Em seguida, vamos ensinar como ajustar as propriedades do auto layout, como espaçamento, alinhamento e redimensionamento automático. Além disso, você verá como usar o auto layout para criar componentes reutilizáveis que se adaptam automaticamente ao tamanho da tela. Em outras palavras, você terá todas as informações necessárias para criar um design responsivo eficiente. 👉 OUTROS VIDEOS RECOMENDADOS: https://youtu.be/YdRB4zTAzmo https://youtu.be/NPq8sOaqsrY https://youtu.be/DuG7KVmfTjY https://youtu.be/TUZBkOzjjlU https://www.youtube.com/watch?v=Q-3xVA9GFD4 Ainda mais, vamos explorar a funcionalidade de prototipagem do Figma. Usar a prototipagem permite que você teste seu design responsivo em diferentes dispositivos. Primeiramente, você aprenderá a criar protótipos interativos e a configurar transições e animações. Em seguida, vamos mostrar como testar seus protótipos em diferentes resoluções para garantir que eles funcionem bem em todas as plataformas. Além disso, você verá como ajustar seu design responsivo com base no feedback dos testes. Ou seja, você será capaz de criar um site responsivo completo e funcional. Outro aspecto importante que abordaremos é a personalização do design responsivo. Primeiramente, você aprenderá a ajustar as cores, fontes e estilos dos elementos do seu design. Em seguida, vamos ensinar como adicionar efeitos visuais, como sombras e gradientes, para melhorar a estética do design. Além disso, você verá como adaptar seu design responsivo para diferentes dispositivos e resoluções. Em outras palavras, você terá todas as ferramentas para criar um design responsivo visualmente atraente e funcional. Por fim, não se esqueça de se inscrever no nosso canal e ativar as notificações para não perder nenhum conteúdo novo. Portanto, se você quer se tornar um mestre na responsividade no Figma e aprender a criar sites responsivos incríveis usando auto layout, assista ao vídeo completo e comece seu aprendizado agora mesmo. Compartilhe com seus amigos e colegas para que eles também possam aproveitar essa oportunidade incrível. Até a próxima! É isso aí, um abraço! 🚀 Doug Lazarini Designer
