Quiz 16
1. **O que é o Figma?**
Um compilador de código JavaScript.
Uma ferramenta colaborativa de design de interface e prototipagem baseada na nuvem.
Um banco de dados para guardar imagens.
Um sistema operacional para designers. * *Explicação: O Figma permite que designers e devs colaborem no mesmo arquivo visual.*
2. **Qual o principal objetivo de um "Protótipo" no Figma?**
Ser o site final que o usuário vai usar.
Simular a navegação e o comportamento do aplicativo antes de escrever o código.
Escrever o código CSS automaticamente para o banco de dados.
Fazer backup das fotos dos desenvolvedores. * *Explicação: Protótipos ajudam a validar ideias e fluxos com pouco custo.*
3. **O que é o "Handoff"?**
Quando o desenvolvedor desiste do projeto.
O processo de entrega do design (do Figma) para o desenvolvedor começar a codificar.
O ato de apertar as mãos no final da reunião.
Quando o servidor desliga sozinho. * *Explicação: É o momento de transição entre a fase criativa e a fase de implementação técnica.*
4. **Qual a função do "Dev Mode" no Figma?**
Esconder o design dos programadores.
Proporcionar uma interface focada em desenvolvedores para facilitar a inspeção de código e extração de assets.
Transformar o Figma em um editor de código como o VS Code.
Bloquear a edição do design. * *Explicação: O Dev Mode mostra propriedades CSS, medidas e nomes de componentes de forma técnica.*
5. **Por que é melhor exportar ícones em formato SVG do que PNG?**
Porque PNG é proibido na internet.
Porque SVG é vetorial e pode ser redimensionado sem perder qualidade em qualquer tela.
Porque SVG é mais colorido.
Porque o arquivo SVG é sempre maior e mais seguro. * *Explicação: Ícones em SVG se adaptam a diferentes densidades de tela (retina, mobile, etc.).*
6. **O que é um "Design System" no contexto de ferramentas visuais?**
Uma regra que proíbe usar cores repetidas.
Uma biblioteca padronizada de componentes (botões, fontes, cores) que garante a consistência do produto.
O nome da empresa que criou o Figma.
Um tipo de banco de dados para imagens. * *Explicação: Facilita a vida do designer (ao criar) e do dev (ao reutilizar componentes no código).*
7. **Sobre UI (User Interface) e UX (User Experience), é correto afirmar:**
São nomes diferentes para a mesma coisa.
UI foca na aparência visual (botões, cores); UX foca em como o usuário se sente e navega pelo app.
Desenvolvedores só precisam se preocupar com UX.
UX é para o backend e UI para o frontend. * *Explicação: Um app bonito (UI) mas confuso (UX) é um fracasso; o equilíbrio é o segredo.*
8. **Como o Figma ajuda equipes remotas?**
Enviando e-mails automáticos toda hora.
Permitindo que todos vejam as alterações em tempo real e comentem diretamente sobre os elementos visuais.
Ele substitui a necessidade de reuniões de vídeo.
Ele permite que o designer use o mouse do desenvolvedor à distância. * *Explicação: O recurso de "Multi-player" do Figma é revolucionário para a colaboração online.*
9. **O que um desenvolvedor deve inspecionar no Figma ao implementar um botão?**
Apenas a cor.
Cor (Hex), Fonte, Tamanho (Px), Espaçamentos (Padding/Margin) e Arredondamento (Border-radius).
O nome do designer que fez o botão.
A data em que o botão foi desenhado. * *Explicação: Todos esses detalhes garantem que o código seja fiel ao design original.*
10. **Qual a maior vantagem do Figma ser baseado na nuvem (Browser)?**
Consome mais internet do que os outros programas.
Não precisa de instalação pesada e garante que todos estejam sempre na última versão do arquivo.
Deixa o computador mais quente.
Impede que o arquivo seja deletado pelo servidor. * *Explicação: Acabou o problema do arquivo "final_v2_ultima_agora_sim.psd". Existe apenas um link.*