Kirki
Kirki é um construtor visual gratuito para WordPress com editor em canvas infinito e CMS integrado para criar páginas responsivas e templates dinâmicos.
O que é o Kirki?
Kirki é um construtor visual gratuito para WordPress. Ele permite projetar em um canvas infinito e criar páginas usando um CMS real junto com um editor visual, tudo no mesmo fluxo de trabalho.
Em vez de trabalhar dentro de grids e colunas rígidos, o Kirki usa um canvas livre e blocos de construção de páginas (como seções, linhas, colunas e elementos) para ajudar você a organizar layouts com mais controle direto sobre posicionamento e estilização.
Principais Recursos
- Canvas livre infinito: Projete sem grids ou colunas, usando um fluxo de trabalho baseado em canvas para maior flexibilidade de layout.
- Breakpoints ilimitados: Aplique estilização responsiva em um conjunto ilimitado de breakpoints.
- Sistema de design com variáveis CSS: Crie estilos usando uma abordagem baseada em variáveis CSS, com suporte a temas consistentes.
- Interações e animações: Crie comportamentos de interação e animações, incluindo uma linha do tempo de interações e um editor de keyframes.
- CMS integrado com gerenciador de conteúdo e campos personalizados: Gerencie conteúdo diretamente no builder com recursos de referência e multi-referência.
- Templates dinâmicos e filtragem de coleções: Use comportamento de templates dinâmicos como agendamento de posts e aplicação de filtros de coleção e paginação.
- Colaboração em tempo real: Permite que múltiplos editores trabalhem no mesmo canvas, com threads de comentários posicionados no design.
- Ferramentas de colaboração e entrega: Use modo de staging e histórico de publicações, além de links de compartilhamento somente visualização para clientes e um modo dev para entrega.
- Animações de texto e suporte a Lottie: Inclui ferramentas de animação de texto e suporte a arquivos Lottie para ativos em movimento.
Como Usar o Kirki
- Instale o Kirki no seu site WordPress e inicie um novo projeto de design usando um kit de templates fornecido.
- Personalize o template no canvas livre adicionando e organizando blocos de construção (seções, linhas, colunas, elementos) e ajustando estilos.
- Conecte o design ao conteúdo usando o CMS integrado, incluindo campos personalizados e referências (ou multi-referências) para conteúdo dinâmico.
- Adicione comportamento com interações e animações usando a linha do tempo de interações/editor de keyframes,包括 interaction presets quando aplicável.
- Colabore com sua equipe usando edição em tempo real, comentários e staging/histórico de publicações antes de compartilhar com clientes via links de visualização.
Casos de Uso
- Construtor de páginas de marketing com layout responsivo: Crie landing pages no canvas infinito enquanto estiliza em breakpoints ilimitados.
- Seções de site baseadas em templates e conteúdo CMS: Construa templates dinâmicos que puxam do CMS integrado com referências, paginação e filtragem de coleções.
- Fluxo de trabalho de design e revisão em equipe: Trabalhe com múltiplos editores em tempo real, deixe comentários diretamente no design, e use modo staging e histórico de publicações para ciclos de revisão.
- Experiências interativas de produtos ou portfólio: Adicione comportamento de interação de scroll/click/hover/mouse-move e animações de texto, opcionalmente usando ativos Lottie.
- Entrega ao cliente e revisão controlada: Compartilhe links de visualização somente para clientes para feedback e use o modo dev para apoiar workflows de entrega.
FAQ
O Kirki é um construtor de páginas para WordPress ou um CMS?
Kirki é um construtor visual para WordPress que também inclui um gerenciador de conteúdo CMS integrado. O editor é projetado para trabalhar com conteúdo CMS e campos personalizados.
O que significa “canvas livre” no Kirki?
O editor do Kirki é descrito como um canvas infinito que evita grids e colunas, permitindo que você projete diretamente no canvas em vez de dentro de frameworks de layout rígidos.
O Kirki suporta design responsivo?
Sim. O produto descreve breakpoints ilimitados para estilização responsiva.
É possível várias pessoas trabalhar no mesmo design?
Sim. O Kirki lista colaboração em tempo real com múltiplos editores, além de comentários diretamente no design.
O Kirki inclui ferramentas de interação/animação?
Sim. Ele inclui uma linha do tempo de interações e um editor de keyframes, interaction presets e suporte a animações de texto e arquivos Lottie.
Alternativas
- Construtores de páginas tradicionais para WordPress (baseados em grade/seção): Geralmente utilizam sistemas de linhas e colunas e podem ser menos focados em um canvas infinito livre e em um fluxo de trabalho com CMS integrado.
- Construtores de sites sem código com colaboração: Frequentemente oferecem edição visual e recursos de trabalho em equipe, mas podem não integrar diretamente em um CMS baseado em WordPress e em fluxos de trabalho com campos personalizados.
- Desenvolvimento personalizado de temas e páginas para WordPress: Oferece controle total, mas geralmente exige mais esforço de desenvolvimento; não inclui um fluxo de trabalho visual integrado de CMS e canvas.
- Ferramentas de design front-end combinadas com modelagem em WordPress: Uma abordagem comum é projetar em outro lugar e depois implementar nos templates do WordPress; em comparação com o Kirki, pode separar o design, a integração do CMS e a configuração de interações em ferramentas diferentes.
Alternativas
Make Real
Desenhe uma UI e torne-a real usando o SDK tldraw.
Refero
Refero: vasta coleção de referências e inspiração de design UI/UX para web e iOS. Milhares de screenshots com busca avançada para designers.
Pixso
Pixso é uma ferramenta de design UI nativa de IA de próxima geração que permite aos usuários gerar rascunhos de design e código com um único clique, servindo como uma alternativa nacional ao Figma.
Fronty
Fronty converte screenshots e imagens JPEG/PNG em HTML e CSS com IA e permite editar e publicar com editor no-code e hospedagem.
Napkin AI
Napkin AI transforma seu texto em visuais perspicazes, tornando a comunicação mais eficaz e envolvente.
FigPrompt
FigPrompt é um construtor de plugins de IA para Figma: descreva seu plugin e gere a lógica pronta para produção, sem escrever código.