Skip to main content
Tuxu
Active Member
January 15, 2021
Question

Seção de discussão em Português (PT)

  • January 15, 2021
  • 111 replies
  • 13590 views

Olá!
Estamos abrindo esta seção para facilitar as discussões em português. Não hesite em deixar suas dúvidas, sugestões, ideias.

    This topic has been closed for replies.

    111 replies

    Felipe_Souza
    May 4, 2022

    Olá bom dia, estou com uma dúvida no figma.

    Eu criei um componente e prototipei ele com outro componente, pra todas as telas que eu criar eu pode usar esses componente já prototipados. (Os componentes em questão é o header do site que, quando clicado na imagem do usuário, abre uma overlay de conta, igual ao de vários sites como o youtube)

    Porém eles só funcionam se estiverem fora de um frame, quando eu tento colocar esses componentes dentro de um frame pra organizar melhor, a prototipagem da uma bugada e não funciona direito)

    Queria saber se estou fazendo algo errado ou realmente não tem como fazer isso dentro de um frame que não seja utilizando variants.

    Tuxu
    TuxuAuthor
    Active Member
    May 4, 2022

    Oi @Felipe_Souza você consegue compartilhar um draft? Não entendi o que está ficando bugado.

    Felipe_Souza
    May 4, 2022
    Tuxu
    TuxuAuthor
    Active Member
    May 4, 2022

    Ali você diz que ele não funciona como deveria, pelo que eu entendi o problema está na transição da sidebar da esquerda pra direita, se for isso mesmo, isso acontece porque o seu componente está configurado para vir da esquerda do frame pra dentro.

    Você tem dois caminhos:

    1. Tente utilizar shapes para marcar uma area.

    2. Certifique que o flow do seu protótipo esteja no lugar correto, nesse exemplo que você colocou aqui, o start point do seu protótipo está no frame de marcação (o frame cinza) e não na interface onde acontence a interação do componente.

    Fiz um exemplo aqui

    Felipe_Souza
    May 4, 2022

    Muito obrigado! 🙂

    Bruno_sardinha
    May 11, 2022

    Boa noite pessoal, to com um problema no protótipo pois montei os componentes em interactive components, e quando coloco ele no frame com auto layout, o componente aparece por baixo. Já testei quase todas as constrains mas não consigo chegar na solução
    image

    Alguem pode me ajudar!?

    Tuxu
    TuxuAuthor
    Active Member
    May 11, 2022

    Você consegue compartilhar um draft com esse exemplo?

    Sulamita_Thais_Bela
    May 31, 2022

    Pessoal o meu Figma apareceu com aviso de que o arquivo cheio, nunca tinha acontecido antes. Percebi diferente nesse arquivo desde o começo, porque eu peguei blocos de um tema comprado para compor esse projeto. Mesmo já tendo deletado imagens que não uso mais, diminuído o tamanho de imagens e outras dicas que já li, o aviso continua aparecendo.
    Ainda acho que está relacionado com o fato de eu ter pego blocos de um tema.
    Alguém já passou por isso?

    Carina_Paulatti_Castanho
    August 1, 2022

    Olá Tuxu e pessoal, tudo bom? Estou de volta com nova dúvida:

    Estou criando um “quase” FAB.
    O botão deve por default estar de um tamanho e quando rolar a página ele reduz de tamanho. Essa parte de ser automático a rolagem da página e troca de tamanho não é meu problema.
    O problema é que ele começa grande e quando eu clicasse ele tem que reduzir/ comprimir, porém ele tem que comprimir para o lado direito e ele sempre faz isso para o lado esquerdo. Olha as imagens exemplificando:
    image
    image
    Está dessa forma hoje. Estou usando interactive e smart animate.

    Deveria ficar assim:
    image
    image
    Está aberto e reduz “rolando” para direita.

    Na criação do componente, utilizei o mesmo. Criei o pequeno primeiro, depois da cópia estendi criando o maior mas deslizando para a esquerda pra abrir, pensando que para fechar ele deslizaria para a direita, mas isso não acontece de forma alguma. Já tentei várias formas…
    Alguém consegue me auxiliar?

    Obrigada pessoal!

    Tuxu
    TuxuAuthor
    Active Member
    August 1, 2022

    Você pode utilizar auto-layout para fixar uma posição de alinhamento: https://www.figma.com/proto/OZU0XiKu35oceWc83d4Y3x/Button?node-id=6%3A73&scaling=min-zoom&page-id=0%3A1