🔧 Como o Figma Virou Parte do Meu Dia a Dia no Front-End

🕛 Zeit seit Veröffentlichung: 49 Tage, 11 Stunden 36 Minuten
📆 Veröffentlicht am: 04.12.2024 um 13:44 Uhr
Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to

Quem trabalha com front-end sabe o quanto o design está presente em tudo que a gente faz. Transformar aquelas ideias e layouts em algo funcional e bonito é quase uma arte, mas nem sempre a comunicação entre design e desenvolvimento flui como deveria. Era assim comigo até que o Figma entrou na minha rotina e mudou tudo.

Agora ele faz parte do meu dia a dia e virou uma ferramenta que eu realmente confio, porque não só facilita o meu trabalho, mas também me ajuda a entregar projetos muito mais alinhados.

De onde tudo começou

Antes do Figma, as coisas eram meio caóticas. Eu recebia designs em PDFs, imagens soltas ou arquivos que precisavam de ferramentas específicas pra abrir. Era aquela correria pra descobrir qual fonte foi usada, medir os espaçamentos ou perguntar o tom exato daquela cor. Hoje, com o Figma, tudo isso está na palma da mão.

Consigo acessar os arquivos com todas as especificações organizadas: medidas, fontes, cores… tudo ali, sem mistério. É como se a distância entre design e código tivesse desaparecido.

Os plugins que salvam a vida

Uma das coisas que mais me ajudou nessa transição foram os plugins. Eles tornam o Figma ainda mais funcional pra quem trabalha com desenvolvimento. Alguns dos que uso direto são:

- Autoflow: ideal pra visualizar os fluxos de navegação e entender melhor como as telas se conectam.
- Iconify: perfeito pra achar ícones direto no Figma e já encaixá-los no design.
- Stark: uma mão na roda pra checar contraste e acessibilidade (porque inclusão sempre está no radar, né?).

Esses plugins agilizam tanto meu trabalho que eu fico pensando como não usei isso antes.

Como o Figma conversa com o meu código

Pra mim, o Figma é mais do que uma ferramenta de design, é quase um tradutor entre o que está na tela e o que vai pro código. Quando vou criar um componente no Angular, por exemplo, uso o Figma pra validar interações, testar estados e já ter certeza de que o que estou construindo vai funcionar como o esperado.

Outro ponto que mudou muito foi o handoff entre design e desenvolvimento. Seja recebendo o layout de outra pessoa ou finalizando algo que eu mesma desenhei, o Figma deixa tudo claro e organizado. É como se ele antecipasse aquelas dúvidas que antes precisavam de várias mensagens e reuniões pra resolver.

Minha dica pra quem é dev

Se você trabalha com front-end e ainda não incorporou o Figma na sua rotina, sério, dá uma chance. Ele não é só uma ferramenta de design, é um parceiro de trabalho que facilita demais a nossa vida. Você vai perceber como o processo fica mais fluido e as entregas, mais assertivas.

E se você já usa, bora trocar ideia! Adoro descobrir como outras pessoas estão usando o Figma no dia a dia pra aprender ainda mais.

...