2c:["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Tenha Node.js instalado no seu computador (get.nodejs.org). O MCP roda via MPX e depende\n do Node para funcionar. VS Code atualizado, com as extensões GitHub Copilot e Copilot\n Chat instaladas e conectadas à sua conta (gratuita ou paga)."}] 2d:["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-yellow-500/10 border-yellow-500/20 text-yellow-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-yellow-400","children":[["$","span",null,{"children":"⚠️"}],"Atenção"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Se o Node.js não estiver instalado, nada funcionará. Rode node --version e npm --version no terminal para conferir."}]]}]]}] 2e:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Configurando o projeto no VS Code"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Crie uma pasta para seu projeto e abra no VS Code. Dentro dela, crie dois arquivos: index.html (estrutura inicial da sua aplicação web) e style.css (pode\n deixar vazio e conectar via tag link)."}],["$","p","1",{"className":"text-gray-300 leading-relaxed mb-6","children":"Crie uma pasta assets para imagens/vetores. Exporte qualquer ícone/vetor do Figma\n como SVG e coloque aí."}]]]}] 2f:["$","section","5",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Como gerar token do Figma: chave de acesso para o MCP"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Abra o Figma, vá em Configurações, depois “Security” e gere um token de acesso. Marque\n todas as opções de leitura (read) e copie a chave. Guarde-a em local seguro: vazamento\n desse token compromete os dados do seu Figma. Após uso, apague o token se não for mais\n necessário."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-yellow-500/10 border-yellow-500/20 text-yellow-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-yellow-400","children":[["$","span",null,{"children":"⚠️"}],"Atenção"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Nunca exponha seu token do Figma em repositórios públicos. Use sempre arquivos como .env ou ignore no .gitignore se subir seu projeto para o GitHub."}]]}]]}]]]}] 30:["$","section","6",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Configurando o arquivo mcp.json no VS Code"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Crie uma pasta .vscode no seu projeto e dentro dela um arquivo mcp.json .\n Copie a estrutura básica de configuração da documentação do Figma Context MCP, ajuste o\n nome da propriedade de “servers” para minúsculo e coloque seu token do Figma no campo\n apropriado."}]]]}] 31:["$","section","7",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Rodando o servidor MCP local"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Use o menu do VS Code para iniciar o MCP pelo botão “Start Server”, depois marque como\n “Trust” para permitir a execução local. Se o server não for inicializado, a IA não\n conseguirá buscar dados do Figma."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-red-500/10 border-red-500/20 t