Para começar, abra o Figma e selecione a opção “Plugins > Desenvolvimento > +” na barra de menu superior. Isso abrirá o ambiente Figma Plugin Development.

Passo 2: Configurando o Plugin

No ambiente Figma Plugin Development, dê um nome ao seu plugin e selecione o tipo “Figma design”. Como seu plug-in não terá uma interface de usuário, selecione o tipo “padrão em branco”. Salve a pasta do projeto no armazenamento local do seu computador.

Passo 3: Gerando o Código

Agora abra a pasta do projeto que foi criada. Em seguida, abra o arquivo code.js encontrado na pasta usando o Visual Studio Code.

Em vez de escrever o código você mesmo, use o ChatGPT para gerar o código para você. Use o seguinte prompt como modelo:
Ajude-me a escrever um código para um plug-in Figma que [descrição da funcionalidade do plug-in]. E sem IU.

Por exemplo, o prompt que usei foi: “Por favor, ajude-me a escrever um código para um plug-in Figma que altere o plano de fundo dos quadros selecionados para azul e defina o raio da borda para 30px quando o plug-in for executado. E sem IU.”

Em segundos, o ChatGPT gerou o código necessário para o meu plugin. Copie o código e cole-o no arquivo code.js. Em seguida, salve o arquivo.

Passo 4: Executando o Plugin

Por fim, execute o plug-in Figma recém-criado selecionando “Plugins > Desenvolvimento > [Nome do seu plug-in]” na barra de menu superior. Você verá que seu plug-in altera a cor de fundo e o raio da borda dos quadros selecionados, conforme solicitado.

A recompensa

Seguindo estas etapas, você pode criar plug-ins Figma sem escrever nenhum código. O ChatGPT facilita a automatização de tarefas repetitivas e estende a funcionalidade do Figma. Como designer, isso pode economizar tempo e permitir que você se concentre no que faz de melhor: design.

Lembre-se de “Não deixe a codificação intimidá-lo”. Com ChatGPT, você pode criar plugins Figma sem escrever nenhum código. Essas etapas são apenas o começo do que você pode alcançar com o ecossistema de plug-ins do Figma e o ChatGPT. Leve seu processo de design para o próximo nível, explorando as possibilidades.

Saúde! Você é de tirar o fôlego!

Ei também! Acabei de lançar meu projeto mais recente: gethired.design — O melhor recurso para quem procura emprego em design!

Estou entusiasmado em lançar o gethired.design — o melhor recurso para designers conseguirem o emprego dos seus sonhos. Oferecemos hacks, ferramentas e recursos valiosos, como otimizar seu perfil do LinkedIn e usar um modelo de currículo Figma. Nossos recursos inovadores ajudaram as pessoas a conseguir empregos em empresas de sucesso, incluindo empresas da Série E. Leve sua carreira de design para o próximo nível com gethired.design!

Clique aqui