Tem bloqueio criativo? A IA vai te ajudar!

Eu penso nas IA's como um tipo de NOS para a criatividade das pessoas

Se você tem a expertise de programar, você vai ter um assistente pessoal para te fazer codar de forma mais rápida.
E se você tiver problemas na criação de designs, a IA vai te ajudar a te destravar a sua criatividade e o seu UI com um pouco de UX.

Eu sou do tipo de pessoa que quando me surge uma ideia, gosto de fazer um rascunho da ideia. E sim, nesse momento eu sou old school, faço rabisco no papel mesmo, e escrevo qual o problema e a solução que aquele protótipo pode ter.

Mas na hora que vou começar a programar, começam vir as dúvidas:

• Qual a cor principal da aplicação?
• Onde vai ficar esse botão?
• Quais são as informações que precisa ter nessa tela?

E assim vai. Então, nessas horas eu tenho usado duas aplicações com IA's que tem me ajudado a destravar no MVP das soluções.

1. Stitch do Google

Essa aplicação tem o mesmo princípio da maioria das IA's generativas: Escreva o prompt e veja o resultado. Nela, temos duas opções de design: mobile e web. Infelizmente, não tem a ideia de responsividade, por enquanto.

Dica: Se você gerar a ideia em um dos dois modelos primeiro, e depois, pedir para ela gerar no outro modelo, você consegue ver a ideia de forma responsiva.

Por exemplo: Ideia em mobile. Salva a ideia como imagem e passa para o Stitch como contexto no design web.

Ela me ajuda na questão de brainstorming e ter um histórico de como ir aprimorando da ideia inicial até aquela que deseja alcançar.

Extra: Ela permite que o design seja exportado para o Figma, permitindo a interação completa com o design, como também, gera um código em HTML, CSS usando o TailwindCSS.

Clique aqui para acessar o Stitch do Google

2. Figma Make

Já o Figma Make tem uma abordagem mais "profissional". A IA também funciona a partir de prompts, mas o resultado dela é mais robusto.

Primeiramente, ela gera um código em React, TailwindCSS e usando o Lucide Icons. E não apenas isso, dependendo do prompt que você faz, ela já pode gerar interações com pequenas animações, além de permitir modificações no design.

Possui uma integração com o Supabase, permitindo que a aplicação fique "completa" usando somente a ferramenta.

Observação: Perceba que coloque "profissional" e "completa" entre aspas. Não foi por acaso. Essas ferramentas são apenas ferramentas. Logo precisão de supervisão, revisão do código e verificação do que está sendo gerado.

Uma ferramenta sem o ser humano para usar é apenas uma ferramenta.

Clique aqui para acessar o Figma Make

Me conta nos comentários se você acha útil ou não essas ferramentas. E se você tem outras ferramentas que utiliza, indica aí também.

Abraços, Deus abençoe vocês!