Home

My account

Uncode Plugins

Code Library

App

Tutoriais

Português

Partners

Help center

Language

Give your feedback!

Hire us now

Product by

0:00

Por

Matusael Horch

Modo cinema

Crie Plugins para Framer mesmo que não saiba codar - Bônus

Materiais da aula:

Instale o NodeJs clicando aqui.

Instale o Visual Studio clicando aqui.

Comando para criar plugin:

npm create framer-plugin@latest

Comandos para rodar o plugin:

cd nomedoseuplugin // Para abrir o diretório do plugin.

npm run dev // Para executar seu plugin.

Código base do nosso App.tsx:

import "./App.css";
import { framer } from "framer-plugin"; // Certifique-se de importar corretamente

// Exibe a interface do plugin
framer.showUI({
  position: "top right", // Aqui defini a posição inicial.
  width: 315, // Aqui defini a largura.
  height: 390, // Aqui defini a altura.
});

export default function App() {
  return (

    // A partir daqui seu código.

   // Aqui acaba o seu código, cole o CSS em App.css.

  );
}