Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Tipos de Grids

Olá! Como fica a criação da responsividade quando o projeto tem muitas telas?

Tipo, o projeto foi feito em uma tela de 1920x1080. Para entregar o handoff para os desenvolvedores, como fica? Faz todas as telas para cada tipo de responsividade, ou seleciona só a home, por exemplo? Ou só precisa definir o grid sem a necessidade de adaptar para as versões?

1 resposta
solução!

Olá, Fátima! Como está? Espero que bem!!

Quando se trata da criação de responsividade no Figma para projetos com várias telas, há diferentes abordagens que podem ser adotadas, dependendo das necessidades do seu projeto e das preferências de desenvolvedores e desenvolvedoras.

Uma opção é criar telas separadas para cada tipo de responsividade que deseja suportar. Por exemplo, pode ter uma tela para desktop, outra para tablet e outra para dispositivos móveis. Isso permitiria que as pessoas desenvolvedoras visualizassem e implementassem cada layout de forma independente. No entanto, essa abordagem pode exigir mais tempo e esforço na criação e manutenção de várias telas.

Outra opção é projetar uma tela principal, como a home, em uma resolução base, como 1920x1080, e usar as ferramentas de redimensionamento e layout do Figma para criar uma versão responsiva dessa mesma tela. Assim, você pode definir o grid e os pontos de quebra (breakpoints) para diferentes resoluções e adaptar os elementos conforme necessário. Sendo que tal abordagem permite que os desenvolvedores e as desenvolvedoras entendam como os elementos devem se comportar em diferentes tamanhos de tela, mesmo que nem todas sejam criadas explicitamente para cada resolução.

A escolha da abordagem dependerá do escopo e das exigências do projeto, bem como da colaboração com as pessoas desenvolvedoras. Sendo que é importante comunicar e alinhar-se com a equipe de desenvolvimento para determinar a melhor maneira, garantindo que tenham as informações necessárias para implementar a responsividade desejada.

Espero ter ajudado! Qualquer dúvida, nos pergunte, ok?

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!