Responsive Layouts on Adobe XD: Tips, tricks and how to create

Do you know what is the best approach for creating responsive layouts on Adobe XD?
📷 FILES, CREDITS AND LINKS 📷
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
➡ Plugin Quick Mockup: adobe.com/go/c...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🐣 FOLLOW MY WORK 🐣
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
➡ Instagram: / sheisacreative
➡ Linkedin: / sheisacreative
➡ Behance: www.behance.ne...
➡ Dribbble: dribbble.com/s...
➡ Mais links: hello.maiane.co...
💻 FREEBIES💻
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
➡ Freebies: sheisacreative...
🐣 ABOUT ME🐣
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
➡ UI/UX Designer Freelancer
➡ Content Creation
➡ Personal Projects
➡ Professional with values

[@renatagibson445]

Tenho mais experiência com o figma e estava procurando uma forma de "transportar" o que eu faço lá pro Adobe XD. Procurei vários vídeos e só o seu me ajudou de fato. Arrasou, muito obrigada!! 🤩

[@SheisaCreative]

Oba!! Disponha, Renata! 😄😄

[@markytkag6389]

Thank you very much for the practical video. Everything perfectly explained, concise, clear, in a few minutes! That's exactly what I needed. Thank you and I look forward to your next videos about Adobe XD and responsive websites ;-)

[@SheisaCreative]

Hey, thank you! 😄😄 I am glad you could follow the class, even with the language barrier. I'll keep creating new contents and adding english subtitles whenever it is possible. 😊

[@guerreiroartdirector]

Obrigado dear... muito simples.

[@SheisaCreative]

Disponha! ☺️

[@hugoramallo1689]

Mandou benzasso, super didático, super elucidativo pra quem sabe um pouco de XD mas não entendia como configurar responsividade!

[@SheisaCreative]

😊 Que ótimo que você gostou, Hugo! Muito obrigada. :D

[@delkytang]

Não vi mais já estou deixando meu like.

[@SheisaCreative]

😊😊Muito obrigada, Luiz!

[@lucasbcsar]

Nossa, me ajudou bastante, obrigado!!!!!

[@SheisaCreative]

Imagina! 😊 Que ótimo que ajudou.

[@josimar_paulo]

Noooossssa! Me salvou! Surgiu um trabalho de um dia pro outro e nunca tinha nem aberto o programa! hehehehe Agora é colocar em prática pra vê se aprendi msm e fz a entrega. Com certeza estarei sempre presente e assistirei os próximos videos!

[@SheisaCreative]

Oba!! Que ótimo que salvou aí haha... Obrigada, Josimar!

[@brenoramos4103]

Conteúdos quentinhos de Adobe XD? Acho que encontrei um canal pra ficar 😉

[@SheisaCreative]

Opaa! Seja bem-vindo! 😊 Só aguardar que em breve pretendo trazer mais conteúdos legais. :3

[@gabrielaeguedis]

Muito obrigada pelo tutorial maiane! eu queria uma maneira de poder utilizar melhor a ferramenta do ajuste resposivo e com a parte de groups é ótima para isso!

[@SheisaCreative]

Oba! Que ótimo que ajudou, Gabriela! 😄😄 Conforme a gente vai aprendendo os detalhes e manhas desse responsivo ele vai ficando mais poderoso :P

[@Vethorzinho]

Ótima didática, obrigado pelo vídeo!

[@SheisaCreative]

Imagina! Que ótimo que gostou. 😄

[@joaolourinho]

Muito top seu canal. Gostei Parabéns!!

[@SheisaCreative]

Hey, muito obrigada!! 😊😊 Que bom que está gostando.

[@JuanCReis]

Amei!! Amo seus conteúdos! Parabéns!

[@SheisaCreative]

Muito obrigadaa, Juan! 😊😊

[@brunobiondi]

Arrasou!

[@SheisaCreative]

Obrigada, Bruno! 😊😊

[@souandremoura]

sensacional as dicas. sou velho no figma mas XD manjo nada.... Seu canal está me ajudando

[@SheisaCreative]

Obrigada!

[@dthiago83]

Aguardo o video mostrando o cantinho aí...

[@SheisaCreative]

Oii! Você diz um apresentando meu cantinho de trabalho e onde eu faço as gravações? 😊

[@EduardoPereira-iy7js]

Demais!!!!! Nem parece que aprendemos tanto conteúdo em tão curto espaço de tempo. Me confirma uma coisa: estas habilidades tuas, serão transpostas para o FIGMA em breve? Tenho visto um zum zum super positivo, sobre este programa também.

[@SheisaCreative]

Oii! Obrigada. 😄😄 O Figma é sim um ótimo programa. Porém, provavelmente não falarei tão cedo sobre ele, não por desprezar o espaço que ele ocupa e nem por achar que é um programa ruim (pelo contrário). Mas, principalmente, porque não tenho conhecimento tão profundo de Figma quanto tenho de XD. Acredito que a tendência do meu canal é evoluir para falar mais de processos e pensar o design do que focar em ferramentas. O XD eu acabo ensinando pois tenho um contato muito próximo com ele, aí acaba ficando na mão rs...

[@EduardoPereira-iy7js]

@@SheisaCreative Sábias colocações!! Sim, os processos e conceitos acabam sendo mais importantes que as ferramentas. Usar um software, isso qualquer um consegue. O mais complexo é mesmo o conceito, o processo da coisa...a bagagem do artista/profissional. Só com estas tuas colocações eu já evoluí uns 10 anos em alguns minutos:) Muito obrigado e honrado por ter encontrado o teu canal!

[@michelileite9143]

muito bom o vídeo, aprendi bastante!! mas ainda existe um problema com relação a layout responsivo que não consigo resolver... o design de um app pra celular que estou desenvolvendo se comporta diferente em cada celular quando abro com o link de teste de usuário, em alguns casos somem elementos da tela quando existe scroll... saberia como resolver?

[@SheisaCreative]

Olá, Micheli. O layout vai seguir o tamanho do artboard que você criou. Em geral não costumo ter esse tipo de problema. 🤔🤔 Você tem um link ou algum print que consiga mostrar melhor o problema?

[@alexandrozezzi9329]

parabensssssssssss

[@SheisaCreative]

Obrigada!! 😍

[@emanuellebrozulatto3042]

Obrigada pelas dicas! Estou tentando fazer um ajuste responsivo, num protótipo mobile, porem a imagem que coloque (uma foto do freepick) não ajusta de jeito nenhum... sabe o que pode ser?

[@SheisaCreative]

Oi, Emanuelle! Os motivos podem ser diversos na verdade. Sugiro checar algumas coisas: 1. O ajuste responsivo está ligado? 2. O elemento não está bloqueado (painel de camadas, ver se o cadeadinho está ligado)? 3. O elemento está com largura/altura marcado como fixa nas "constraints" (são aqueles ajustes manuais que eu mostro no final do vídeo, lá pelo 10:40)? 4. O elemento está dentro de um grupo com stacks (pilhas) ou padding ativado? Normalmente quando liga alguma dessas opções o Adobe XD acaba deixando mais travado o ajuste para respeitar o que foi escolhido. Depois me conta se conseguiu resolver! 😊

[@norktecnologia2740]

boaaaa

[@kimoluf8220]

Têm tutorial de como começar a usar UI -UX e que softwares?

[@SheisaCreative]

Tenho um curso gratuito: sheisacreative.com.br/curso/bootcampinho-ui-ux-design

[@luciararamos7061]

Obrigadaaaa

[@SheisaCreative]

Nadaaa!

[@efeitozer0337]

faz sobre gridd

[@SheisaCreative]

Hahaha Pode deixar! Vou anotar aqui já para ficar entre os próximos vídeos rs...

[@robbit7928]

Bacana! só nao entendo como fazer isso tudo ser interativo...No pdf nao tem muito o q fazer

[@SheisaCreative]

Infelizmente essa interatividade não passa para PDF mesmo. ☹️ É feita para visualizar através de um link. O próprio formato PDF não suporta esse nível de interação.

[@josimar_paulo]

Quando eu tenho que alterar o tamanho do documento está mexendo tudo junto. pq será?

[@SheisaCreative]

Provavelmente porque quando você seleciona o artboard a opção de Redimensionamento Responsivo está ligada. Não é isso?

[@josimar_paulo]

@@SheisaCreative Era isso msm. 😀Quebrei a cabeça aqui e descobri que era isso. Mas o bom é que aprendi e nunca mais vou esquecer.