Pular para conteúdo

Framer Starter File

O que é o StarterFile?

Um arquivo‐modelo em Framer com páginas, componentes e tokens pré-configurados para manter padrão visual e fluxo de trabalho unificado em todos os projetos da agência.

Duplicar aqui

Estrutura do Starter File

Por que usar?

  • Consistência: mesma nomenclatura e hierarquia para todo o time.
  • Escalabilidade: facilita copiar padrões entre projetos e acelerar a produção.
  • Onboarding rápido: novos designers entendem instantaneamente a estrutura.
  • Qualidade garantida: reduz retrabalho em naming, estilos e layers.

Vídeo Tutorial

https://www.loom.com/share/c1d1ceb6c97645718424b00b69aa551d?sid=c367d7fc-cad3-498e-98ea-a8a5cb4038df

O que está incluso no StarterFile?

  • Estrutura de páginas essenciais
    • Home (vazia ou com template base)
    • Containers pai e filho com max-width em 1400px
    • Página 404 (com botão "Back to Homepage")
    • Página de Política de Privacidade (com texto gerado pelo GPT)
    • Página de Termos de Uso (opcional, com texto do GPT)
  • Sistema de estilo global
    • Paleta de cores padrão
    • Tipografia com hierarquia definida (ex: heading-large, body, caption, etc.)
    • Grids e espaçamentos com base na regra de 8pts
  • Componentes reutilizáveis
    • Botões com variações de tamanho, cor e estados (hover, active)
    • Navbar e footer com 3 modelos prontos para uso
    • Placeholders de seção e templates prontos com navbar/footer incluídos
    • 3 breakpoints configurados
    • Componentes padrões: "All Rights Reserved", auto-layout jump preventer, etc.
  • Nomenclatura padronizada
    • Convenções claras para nomear layers, páginas, componentes e estilos — nada de "Component1" ou "Frame 42".
  • Plugins úteis

Manutenção do StarterFile

  • Não edite o arquivo‑mestre. Sempre que notar qualquer chance de melhoria, envie uma mensagem direta para a pessoa responsável por este doc.
  • O changelog registra todas as alterações e decisões aplicadas ao StarterFile.

    Componentes do Starter File