Oii! Nesse post eu vou mostrar um plugin que eu amo para colocar mockups no Figma de graça!
O que são mockups
Já fiz um post bem legal explicando melhor o que são mockups, e quais os benefícios de usar mockups nos designs.
Plugins de mockup no Figma
Utilizando os plugins é possível aplicar designs em mockups no Figma. Existem vários plugins de mockup.
Você consegue pesquisar na parte de plugins dentro do arquivo no Figma:
E na parte da comunidade conseguimos inclusive ver quantas pessoas já usaram e os mais populares. Quando pesquisamos mockup, o artboart studio mockup é o mais utilizado, e com ótima avaliação. E eu particularmente gosto muito!
Como colocar um design no mockup no Figma
Rodar o pluguin artboard studio mockup
Escolher o mockup
Após rodar o plugin você cai nessa visualização:
Você pode filtrar apenas os mockups gratuitos, onde tem escrito “all items”:
Você pode escolher o tipo de mockup por categoria:
Ou por nome, como “Mug” para caneca. Como o plugin é em inglês, as opções também são.
Colocar o design dentro do frame criado pelo plugin
Ao selecionar um mockup, o plugin vai criar os frames para colocar o design dentro:
Então é só colocar o design dentro, selecionar o frame (fica selecionado quando o frame esta com a borda e nome do frame em azul). E clicar no botão “Render Selected Frame” dentro da tela do plugin.
Após alguns segundos a ilustração aparece no objeto.
Para esse caso, tem tambem o frame da cor da caneca, que é possível alterar, então mudei o fundo do frame da ilustração para bege e o frame da cor da alça da caneca também.
Mockups
E é isso, é bem simples e esse pluguin tem várias opções legias de mockups:
