Crie QUALQUER Layout no FLUTTERFLOW com a ESTRATÉGIA de Blueprint

#flutterlow #flutter #ui #ux #uiux #dica #trick #tutorial #nocode #lowcode #blueprint #layout #design #estrategia
Neste vídeo mostro como facilitar o processo de criação de QUALQUER layout dentro do Flutterflow com a estratégia de Blueprint.
Tópicos do Vídeo:
00:10 Apresentando a estratégia
01:40 1º Passo - Obtendo uma inspiração (encontrando um layout base)
03:16 2ª Passo - Passando para o Flutterflow
04:05 3º Passo - Montando a composição da Blueprint
06:00 4º Passo - "Desenhando" a interface (montando o layout)
27:24 5º Passo - Ajustando a composição do layout finalizado (removendo a blueprint)
Alguns lugares para encontrar inspirações:
Dribble: dribbble.com/
Mobbin: mobbin.com/bro...
Figma Community: www.figma.com/...
Esta aula foi útil pra você? Marque com gostei e este vídeo será automaticamente adicionado à playlist "Marcados com Gostei" e você nunca o perderá 🙌

[@naceja]

Conheça a Orbit: www.youtube.com/@orbitdigitalhouse

[@beveleemboss]

Muito criativo....simplesmente demais..solução perfeita!!!!!!

[@AsdaDantas]

Muito legal...parabéns!!!

[@deyvgomes]

Esses seus vídeos abrem a mente da gente. Top demais!

[@naceja]

Showww de mais esse é o objetivo 🚀

[@infoventas4284]

🌟🌟🌟🌟🌟. brutallll

[@rafaelmachado6955]

para fontes tem uma extensão do chrome 'whatfont', aí basta passar o mouse por cima que ele ja diz qual fonte, familia, estilo, peso, tamanho, altura de linha, cor...

[@naceja]

@@rafaelmachado6955 mas acho que passar o mouse em cima de uma imagem não vai funcionar

[@user-ys1wh8jn1e]

Pô, genial. Nunca tinha pensado em fazer assim. Geralmente eu uso o figma, mas na hora acabo fazendo mudança no próprio app direto. Uma dica que daria é setar parâmetros globais nas config também. Ex Padding/preenchimento: 16px border radius: 12px Assim só ativar depois com as configurações

[@naceja]

Sim isso tudo configurando um design system corretamente fica muito bom 🚀

[@user-ys1wh8jn1e]

@naceja sim, mas digo como app state/ enum, igual aquele negócio de variáveis do figma, aí você só seta por área e quando editar um, já muda todo o aspecto do app

[@naceja]

@@user-ys1wh8jn1e sim isso é o design system configurado

[@naceja]

@@user-ys1wh8jn1e No canal da orbit (comentario fixado) é desenvolvida uma aplicação flutterflow do total zero baseada em protótipo do figma, lá é configurado todos os tokens de um design system. Confere lá 🚀

[@deyvgomes]

@naceja essas cores [zinc 500, 600, 700…] são importadas? Como acrescenta-las ao projeto?

[@franciscotavares1795]

Essas cores ele pega do tailwind. Ele gravou um vídeo sobre como adicionar as cores no FF.

[@deyvgomes]

@@franciscotavares1795 obrigado pelo retorno. Abraço.

[@deyvgomes]

@@franciscotavares1795 tem o link do vídeo? Não consegui localizar. Se puder e conseguir me mandar, me ajudaria pra caramba.

[@naceja]

@@deyvgomes Por ser um video do meu início a qualidade do áudio estava ruim e eu decidi remover mas irei regravar estou regravado todos aqueles que estavam ruins de áudio. Em breve estará disponível 🚀

[@deyvgomes]

@ Show! Obrigado pelo retorno e pela preocupação com o seu público. Isso é bom demais!

[@lucrativaIA]

Mais facil usar 2 telas

[@naceja]

@@lucrativaIA Sim, se tiver condições de ter duas telas possivelmente será melhor 🚀

[@MultiMixBrasil]

nenhum empresa média/grande que tenha app foi feito no flutter flow, desistam disso aprendao swift, react native

[@naceja]

@@MultiMixBrasil Acho que você deveria pesquisar mais. Mas essas tecnologias também são incriveis de se trabalhar 🚀

[@wellingtonsantiago-pt8mv]

ta sabendo legal kkk

[@aldairsantos7553]

o cara inteligente sendo um banana

[@templatesflutterflow]

kkkkkkkkkkk