ui•will
ui•will
  • 39
  • 198 454
Tab bar com efeito subtract no #figma
Vamos criar o efeito no figma de entrada de um botão flutuante na tabbar utilizando o Subtract para criar a sensação de fluidez.
O processo é apenas para demonstrar como utilizar o subtract em determinado momento.
Espero que este conteúdo ajude você em sua caminhada.
#figma #tabbar #subtract #boraprofigma
Qualquer dúvida deixe seu comentário ou me chame no instagram.
🔥 Se você curti criar composições e realizar processos criativos no figma, acesse e conhece meu curso em www.boraprofigma.com.br
Переглядів: 708

Відео

Linhas ondaludas no #figma com stroke
Переглядів 2,7 тис.Рік тому
Sabe aquele momento em que você decide criar uma ondulação mas quer que essa seja exata em seus valores e que possa ter controle sobre ela. Neste vídeo explico como cria-las sem utilizar plugins apenas com o processo na caneta utilizando o Band Tool #figma #bandtoll #stroke #boraprofigma Qualquer dúvida deixe seu comentário ou me chame no instagram. 🔥 Gosta de criar composições e realizar proes...
Imagem em style no #figma
Переглядів 8142 роки тому
No #figma muitas pessoas utilizam máscaras para colocar uma imagem dentro do texto e não está errado! é a forma que mais possibilita controlar a imagem porem temos outras duas formas de brincar com imagens, talvez não tão voltadas a esse controle mas com N possibilidades quando o assunto é ter controle de imagens em áreas especificas realizando alterações rápidas sem precisar buscar imagens em ...
Desenhando com componentes no #figma
Переглядів 7402 роки тому
🔥 Bora treinar a criativdade! Umas das situações mais incríveis que vejo dentro do #figma é a possibilidade de trabalhar com itens replicando eles por meio da estrutura de componentes, ou seja, em um único item que seria o componente pai eu consigo ajustar todos os filhos ao formato que desejar. Brincar com esse processo é algo que aguça demais a criatividade, e como o #figma é testes e testes,...
Máscara no #figma com vários recortes
Переглядів 4,6 тис.2 роки тому
Criar uma máscara é um processo simples e geralmente a natureza dela é de esconder a área externa ou em volta do item selecionado, mas e quando você tem mais áreas internas para excluir? como realiza essa tarefa já tendo um máscara criada. Este vídeo demonstra o processo de edição quando ocorre a necessidade de incluir mais áreas de recorte e como editar essas áreas. LINK imagem no Freepik br.f...
Recorte com a Caneta usando stroke no #figma | olha essa dica
Переглядів 11 тис.2 роки тому
🔥 Pega essa visão!.. Você precisa de criar uma máscara para tratar um detalhe em um desenho, detalhe esse que precisa muitas vezes de um nível de exatidão no recorte e esse processo tem muitas vezes que precisar de uma correção e dai vem o nível deotimização que irá ti ajudar e muito! 🚀 Em meu curso BORA PRO FIGMA eu explico e apresento na prática como são criados os detalhes que levam as melho...
Como criar efeito granulado no #Figma com plugin Noise
Переглядів 3,9 тис.2 роки тому
O efeito granulado pode fazer uma bela diferença na sua composição, é mais do que um efeito simples, ele pode se tornar parte ou uma textura em suas composições. Neste caso criamos essa estrutura utilizando o plugin Noise mas você també pode criar um conceito interessante manual utilizando.o Tile fazendo um pattern. O Plugin Noise, otimiza seu tempo e isso pode sim agilizar o resultado e elevar...
Criando sombra da imagem com efeito no #figma
Переглядів 3,5 тис.2 роки тому
Criar uma sombra no #figma aproxima um item da realidade entregando mais profundidade, mas nem sempre aquela sombra escura fica legal em uma composição, por isso é importante entender como variar o processo de criação buscando novas alternativas. Entre elas estão as sombras coloridas, compostas pela própria imagem. Em meu curso BORA PRO FIGMA eu explico e apresento na prática como são criados t...
Configurações frames do #figma | como mover imagens no frame
Переглядів 5 тис.2 роки тому
🔥 Neste video demonstro as configurações entre as diferente fromas de criar um frame e de utilizar uma imagem dentro dele. Detalhes básicos que fazem a diferença quando o assunto é criaçãode um frame e o uso das imagens. 🙏 Sucesso na sua caminhada! #figma #frames #framesnofigma #tutorialfigma #framefigma Curti manipulação de imagens e criações do zero no Figma? Em meu curso BORA PRO FIGMA eu ex...
Como usar máscara no #figma para replicar itens
Переглядів 3,7 тис.2 роки тому
🔥 Máscara é uma ferramenta muito utilizada no #figma principalmente para realizar composições escondendo determinados itens e também trazendo a possibilidade de utilizar ela como uma ferramenta de recorte. 🤯 Este vídeo leva informações relacionadas ao uso da ferramenta para replicar um item na imagem, portanto se tiver alguma dúvida é só deixar nos seus comentários ou me chame no direct. 🙏 Suce...
Criando com isometria no #figma com Easometric e Skewdat
Переглядів 1,4 тис.2 роки тому
A isometria é algo incrível em ferramentas que trabalham com vetorização, conseguimos criar e manipular de N formas e com a ajuda de plugins como #easometric e #skewdat no #figma tudo se torna mais incrível. Essa é uma aula conceito apenas para demonstrar como você consegue aplicar muitos detalhes rapidamente em apenas um shape e criar conceitos gerando profundidade a sua criação. 🤯 E aí?... Bo...
Como centralizar um frame no #figma da forma correta
Переглядів 3 тис.2 роки тому
O #figma tem por natureza formas de alinhar automaticamente como na área de alinhamento ali ao lado assim como uma forma que demonstra uma marcação assim que você passa pela área central. Mas tem um detalhe que passa desapercebido..rs se a função Snap to Pixel Grid estiver ativado o #figma entende como cada pixel em seu lugar e não divide o pixel mas se desativa-lo ai sim ele converte essa divi...
Como utilizar mockups no #figma usando Artboard Studio
Переглядів 7 тис.2 роки тому
🔥 Mockups são peças fundamentais para apresentações principalmente para clientes, e o artboard Studio Mokups é uma referência incrível quando o assunto é mockup ele é fora do comum. 🤯 Instale no seu figma o plugin e clique no link para criar sua conta e integrar o código para o plugin funcionar. Quer conhece o site Site acesse artboard.studio/ (eles tem um criador de mockups muito legal) e lemb...
Pattern responsivo no #figma com a função tile
Переглядів 3,1 тис.2 роки тому
Pattern responsivo no #figma com a função tile
Criando banner no #figma background para copa
Переглядів 1,8 тис.2 роки тому
Criando banner no #figma background para copa
Criando Loading no #Figma e radar com formas
Переглядів 3,1 тис.2 роки тому
Criando Loading no #Figma e radar com formas
Como usar overlay no #figma | Blend modes
Переглядів 3,6 тис.2 роки тому
Como usar overlay no #figma | Blend modes
Como utilizar frames e a função Clip Content no #figma
Переглядів 6 тис.2 роки тому
Como utilizar frames e a função Clip Content no #figma
Animando coração no #Figma - Série animações
Переглядів 8582 роки тому
Animando coração no #Figma - Série animações
Criando banners com efeito Linear no #Figma
Переглядів 3,9 тис.2 роки тому
Criando banners com efeito Linear no #Figma
Botão animado de Upload no #Figma - Série animações - Aula 01
Переглядів 8392 роки тому
Botão animado de Upload no #Figma - Série animações - Aula 01
Auto Layout em botão no #figma porque usar
Переглядів 1,4 тис.2 роки тому
Auto Layout em botão no #figma porque usar
Sombras no #figma formas de criar e controlar
Переглядів 2,9 тис.2 роки тому
Sombras no #figma formas de criar e controlar
Como cortar textos no #figma com booleanas
Переглядів 6 тис.2 роки тому
Como cortar textos no #figma com booleanas
Como mesclar imagens no #Figma
Переглядів 10 тис.2 роки тому
Como mesclar imagens no #Figma
8 atalhos no #figma para otimizar seu tempo
Переглядів 1,2 тис.2 роки тому
8 atalhos no #figma para otimizar seu tempo
Exportando animação no #Figma | plugin motion - Parte 4
Переглядів 5 тис.2 роки тому
Exportando animação no #Figma | plugin motion - Parte 4
Animando cena com plugin motion no #Figma - Parte 3
Переглядів 5 тис.2 роки тому
Animando cena com plugin motion no #Figma - Parte 3
Animando e criando movimento Plugin Motion no #Figma - Parte 1
Переглядів 16 тис.2 роки тому
Animando e criando movimento Plugin Motion no #Figma - Parte 1
Preparando o ambiente no #Figma | Plugin Motion - Parte 2
Переглядів 6 тис.2 роки тому
Preparando o ambiente no #Figma | Plugin Motion - Parte 2

КОМЕНТАРІ

  • @kaio21coelho
    @kaio21coelho 2 дні тому

    4:00

  • @willydeivys
    @willydeivys 4 дні тому

    o novo escondeu essa ferramenta. achei valeu

  • @sugabxs
    @sugabxs 9 днів тому

    massa, valeu!!

  • @eu_alice_real
    @eu_alice_real 20 днів тому

    Eu preciso aprender como recriar um desenho 2d com a pen apenas contornando ele. Tem vídeo aaaim?

  • @MentoriaEmpreendedora
    @MentoriaEmpreendedora Місяць тому

    Na parte de selecionar o texto e o recorte junto nao tem como selecionar os 2

  • @mikhaeldavid
    @mikhaeldavid 2 місяці тому

    Incrivel!

  • @Pedro_Guerra
    @Pedro_Guerra 2 місяці тому

    ótimo vídeo

  • @geovanicostafelipe7712
    @geovanicostafelipe7712 3 місяці тому

    Rapaz isso aí é bruxaria né? Kkkkk que vídeo top obrigado! 👏🏽👏🏽👏🏽👏🏽

  • @Jaazieldesign
    @Jaazieldesign 3 місяці тому

    NOSSSAA! Esse vídeo vale ouro Obrigado Will 👏👏 Figma muito Top!!

  • @renata_lima
    @renata_lima 3 місяці тому

    Esse vídeo respondeu exatamente a minha dúvida! Parabéns pela clareza na informação. Excelente conteúdo!

  • @pbhnz
    @pbhnz 3 місяці тому

    boa

  • @brasilvsjapao2353
    @brasilvsjapao2353 4 місяці тому

    Não consegui achar esse motion, acho que nem existe mais

    • @uiwill
      @uiwill 4 місяці тому

      Opá existe sim! ele teve uma atualização bem bacana agora com o nome (Motion - UI and Games Animation) ele oferece muito mais informações hoje que na época... Não sei se o link aparecerá aqui porem esse é o link do plugin na comunidade: www.figma.com/community/plugin/889777319208467032/motion-ui-and-games-animation Sucesso na caminhada!

  • @moren_by
    @moren_by 4 місяці тому

    Olá, para clarear a imagem utiliza qual comando? Obrigada.

  • @isocitrato1
    @isocitrato1 4 місяці тому

    TOP demais. Estava há 40 minutos tentando usar essa ferramenta. VLW

  • @fernandarodrigues6522
    @fernandarodrigues6522 5 місяців тому

    Estou começando agora é a minha dúvida é como esses detalhes vão ser aplicados depois na parte do código do site html, css, JavaScript e os demais? Estou gostando muito dos vídeos, ótimas explicações! 👏🏼👏🏼

  • @wfischer4456
    @wfischer4456 5 місяців тому

    Excelente, ...

  • @leticiaalcantara9606
    @leticiaalcantara9606 5 місяців тому

    Adorei! Obrigada pela aula! Super didático!

  • @JadMandy
    @JadMandy 5 місяців тому

    Não to entendo o meu, quando mesclo o fundo está desaparecendo. Estou usando um vetor e coloquei de fundo um quadrado vetorizado tbm, e o quadrado some quando eu mesclo. Sabe explicar o motivo?

  • @JoaoVictor-to9ql
    @JoaoVictor-to9ql 5 місяців тому

    15 min pra ensinar fazer uma curva vei, mais objetividade seria bom

  • @andrevictor1195
    @andrevictor1195 6 місяців тому

    Não Consegui encontrar esse plugin aí

  • @carolforgh
    @carolforgh 6 місяців тому

    Não encontrei esse plugin! :(

  • @andreh2645
    @andreh2645 7 місяців тому

    Sensacional este vídeo parabéns pela didática!

  • @lmmdigital
    @lmmdigital 7 місяців тому

    Valeu cara, me salvou.

  • @wilbnerrodrigues8956
    @wilbnerrodrigues8956 7 місяців тому

    bravo

  • @liderautoacessorios
    @liderautoacessorios 7 місяців тому

    Parabéns pelo conteúdo

  • @cortezothiago
    @cortezothiago 8 місяців тому

    ensina fazer esse bg, por favor

  • @samuellucas8132
    @samuellucas8132 8 місяців тому

    como eu faço para "soldar" pontos de uma forma em uma linha? às vezes eu quero preencher uma forma criada, mas ela não preenche só ela pois os pontos não estão "soldados"

  • @samuellucas8132
    @samuellucas8132 8 місяців тому

    poderia me mandar o link do vídeo citado aos 1:53

  • @IgorSouza-sf2fl
    @IgorSouza-sf2fl 8 місяців тому

    Bicho, se isso servir pra recortar pessoas com fundos, será sensacional! Vou testar! Obrigado pela dica :)

  • @fabinho950
    @fabinho950 8 місяців тому

    Eu tinha uma ideia semelhante, só que 3D, agora sei que é de possível execução com essa mesma técnica mostrada rs

  • @fernandamoretedesign
    @fernandamoretedesign 8 місяців тому

    aahhh salvou!!! valeuzao!

  • @tamiressouzadesign
    @tamiressouzadesign 8 місяців тому

    Olá. Sobre o app ele não deixou criar. E acabei instalando um outro chamado simple noise

  • @izabela.xr_
    @izabela.xr_ 9 місяців тому

    como eu posso colocar um imagem tipo de rosto dentro da estrela, mas sem preencher por dentro?

  • @nicolasfloripa6542
    @nicolasfloripa6542 9 місяців тому

    quando vou salvar o arquivo em pdf ou exportar eles em png os mockup somem da minha apresentação ou ficam em outro lugar q nao deveria estar.. sabes me dizer o motivo disso ?

  • @felipemorona
    @felipemorona 10 місяців тому

    da pra fazer isso com vetores?

  • @Luizvianabidu
    @Luizvianabidu 10 місяців тому

    Opa, adorei as dicas, pena que não consegui usar o plug-in free.

  • @Rogerio_Correa
    @Rogerio_Correa 10 місяців тому

    Excelente cara!

  • @zayraalmeida7301
    @zayraalmeida7301 11 місяців тому

    Muito bom!! Obrigada.

  • @jakelinepereira16
    @jakelinepereira16 11 місяців тому

    que incrível! 👏🏽👏🏽👏🏽💥

  • @Diegomeasure
    @Diegomeasure 11 місяців тому

    Muito bom, tem como usar o texto ou vetor como malha, pra ele ficar no formato 3d da imagem

  • @guesmandi
    @guesmandi 11 місяців тому

    pra mim não deu certo

  • @nicolasbrun9795
    @nicolasbrun9795 Рік тому

    La foto de la menina es un png,jpg o Vector?

  • @brunocriafe
    @brunocriafe Рік тому

    Parabéns pelo vídeo!

  • @rodrigozonzini
    @rodrigozonzini Рік тому

    Eu preciso fazer isso fora de um Frame? Ou não tem nada a ver... Quando faço esse processo minha imagem some

  • @joseoliveira5681
    @joseoliveira5681 Рік тому

    Obrigadoo, estava pesquisando como fazer traço bonito no figma, me ajudou demais

  • @larissagmoufarreg
    @larissagmoufarreg Рік тому

    Seu som tá ficando extremamente baixo no notebook!

  • @lucaomesmo
    @lucaomesmo Рік тому

    Salvou meu dia 🎉 🙏🏽

  • @edsonjunior634
    @edsonjunior634 Рік тому

    muito obrigado

  • @soualexandrecardoso
    @soualexandrecardoso Рік тому

    Excelênte!