Eu começo criando um projeto novo no Framer (CTRL+N) e já configuro o básico: renomeio para o cliente (setfin), troco o idioma para português e pego title e descrição do site atual para manter consistência. Ajusto as opções de acessibilidade e desativo movimentos desnecessários. Em seguida importo o logo, defino as cores principais (versões light e dark), crio as variantes e exporto os assets em PNG para usar no projeto. Salvo as cores como variáveis e salvo os estilos para reaproveitamento. Depois faço a publicação inicial para poder criar o domínio setfin.frame.website, verifico que não há redirects, formulários ou planos de uso a configurar no momento e sigo para montar o Style Guide, que chamei de “mesa”. Uso um plugin para copiar pranchetas/cores (do Figma) e colo as variáveis no Framer, garantindo consistência visual em todas as páginas futuras. Esse fluxo padroniza o setup e acelera a produção e publicação do site. Termos técnicos explicados: - Framer: ferramenta de design e prototipagem para sites e interfaces. - Workspace: espaço do projeto/conta onde ficam os arquivos do cliente. - Plugin: extensão que adiciona recursos ao Framer (ex.: importar do Figma). - PNG: formato de imagem sem perda, usado para exportar logos e assets. - Domínio: endereço do site (ex.: setfin.frame.website). - Publicar: colocar o site online para acesso público. - Redirect: redirecionamento de um endereço para outro. - Forms: formulários do site para coletar dados. - Usage plans: planos de uso/pagamento da plataforma. - Style Guide: guia com cores, tipografia e regras visuais do projeto. - Variáveis (de cor): valores reutilizáveis que mantêm cores consistentes.