Figma - Criando interfaces do zero até o protótipo final
- Conhecendo a ferramenta
-
Mão na massa!
Definindo os estilos e criando a splashScren00:08:29Criando a tela de login e senha00:13:26Criando o cabeçalho e instalando plugins00:12:40Desenhando as categorias com grids00:13:26Scroll na horizontal00:12:35Fixando elementos durante o scroll00:05:26Desenhando a tela de detalhes00:15:24Configurando o protótipo navegável00:05:19Compartilhando projeto e colocando comentários00:04:34
Maira Teresinha Lopes Penteado
18/06/2021
Gente! O curso é fantástico, mas temos direito a certificado?
Olá Maira, sim, no final do curso você pode emitir um certificado.
Obrigado por acompanhar.
Luiz Gabriel Silva de Araujo
22/04/2021
Olá, professor! Fiz igual você mostrou no vídeo e tudo funcionou muito bem. Mas a letra dos depoimentos ficaram pequenas e eu gostaria de aumenta-las, mas não sei como fazer isso pois não consigo ver os demais depoimentos. Já fui no Frame que criei e desmarquei a caixa de "Clip content" mas mesmo assim não consigo visualizar os outros depoimentos.
Olá, você tem que desmarcar o "clip content" do frame geral também, que engloba tudo, assim você irá conseguir ver eles.
Nesse seu caso tem 2 frames com clip content, o do design, e o do scroll.
Caroline Bossle
18/02/2021
Professor qual o melhor meio de fazer edições nas caixinhas de recomendações depois que elas já estão dentro do frame scroll? Devo desfazer o frame pra poder editar ou arrasto os elementos nas layers lá para o topo? Obrigada
Olá Caroline, você pode clicar no seu frame, e desmarcar a opção clip content, assim você irá conseguir ver as caixinhas que estão oculta no scroll.
Gabriel Cipriani Rodrigues
26/10/2020
Minhas fotos do unsplash ficam com baixíssima qualidade, vc sabe porque?
Olá Gabriel, a imagem fica em baixa resolução por que ela fica do tamanho exato do seu quadrado.
Uma alternativa é criar um quadrado 10x maior, e depois aplicar a imagem dentro dele, então na hora de reduzir você não irá perder a qualidade.
Outra opção é salvar a imagem no seu computador, e importar arrastando para o figma, assim você irá manter o tamanho original da imagem.
Monica Borio
22/07/2020
Tô adorando o curso. Obrigada!!! Tenho uma dúvida sobre o tamanho da tela. Quando aumento a altura do frame as vezes os elementos dentro dela esticam junto. Como resolvo isso?
Olá Monica, selecione todos os seus objetos, e na opção constraints, veja se estão configurados como Left e Top, caso contrário esses elementos serão arrastados junto quando você aumentar seu layout. Eu explico mais sobre isso na aula "Desenhando as categorias com grids", logo no início.
Francine Michelon De Carli
21/04/2020
Professor, funcionou tudo direitinho quando eu fiz da primeira vez, mas percebi que tinha esquecido de alterar uma das fotos. Arrastei pra fora e mudei a foto, mas não consegui mais fazer o esquema de encolher os outros comentários. Teria uma forma mais fácil de alterar essas informações que estão em um formato de scroll ou eu precisaria sempre arrastar pra fora do frame, fazer as edições e jogar tudo pra dentro de novo e reconfigurar? No aguardo. Obrigada. PS: adorei seu método, bem fácil de acompanhar e aprender!
Olá Francine, você pode navegar pelas fotos no seu painel da esquerda (Layers), com isso mesmo a foto estando oculta, você irá conseguir selecionar e depois edita-lá pelas propriedades que vai se abrir na barra direita.
jhonatas Lima Moura
19/04/2020
Boa tarde professor!
Fiz tudo q o senhor pediu, executei cada etapa, porém quando vou p o modo de visualização, alguns elementos n aparecem como planejado? O que será q eu fiz de errado?
Olá jhonatas, se os elementos não estão aparecendo na visualização, é por que provavelmente você deixou eles para fora do frame, verifique na sua barra esquerda lateral, e arraste eles para dentro do seu frame que irá aparecer.