• Criação do Master

  Selecione o elemento desejado (ex: um botão) e clique no ícone "Create Component" na barra superior (ou utilize o atalho Ctrl + Alt + K). O elemento será identificado por um ícone de quatro diamantes roxos.



Captura de tela da interface do Figma demonstrando a criação de um Componente Master a partir de um ícone de "play", destacando o acionamento da função através do ícone de quatro diamantes roxos na barra superior ou pelo atalho Ctrl + Alt + K.

• Geração de Instâncias

  Para utilizar o componente em outras telas, arraste-o a partir do painel de Assets ou duplique o Master. As instâncias são identificadas por um único diamante vazado.



Captura de tela do painel lateral esquerdo do Figma na aba Assets, demonstrando a biblioteca de componentes criados no arquivo e o processo de gerar uma Instância ao selecionar o "Componente 1" e clicar no botão Insert instance.

• Edição e Propagação

  Qualquer alteração estética realizada no Componente Master será aplicada automaticamente a todas as suas Instâncias.



Captura de tela demonstrando a edição do Componente Master (identificado pelo ícone de quatro diamantes roxos), onde a alteração da cor de preenchimento para azul no original é automaticamente propagada para sua Instância vinculada.

• Sobrescrita (Overrides)

  É permitido alterar conteúdos específicos em uma instância (como o texto de um botão) sem que isso perca o vínculo visual com o modelo original.



Captura de tela demonstrando a aplicação de uma Sobrescrita (Override), onde a cor de uma Instância específica é alterada de forma independente, sem modificar o Componente Master original.

Vinicius Zapella
09 de fevereiro de 2026