Kirki
Kirki est un builder visuel WordPress gratuit : éditeur sur toile infinie et CMS intégré pour créer des pages responsive et des modèles dynamiques.
Qu’est-ce que Kirki ?
Kirki est un builder visuel WordPress gratuit. Il permet de concevoir sur une toile infinie et de créer des pages à l’aide d’un véritable CMS intégré à l’éditeur visuel, le tout dans le même flux de travail.
Au lieu de travailler dans des grilles et colonnes rigides, Kirki utilise une toile libre et des blocs de construction (sections, lignes, colonnes et éléments) pour disposer les designs avec un contrôle plus direct sur le positionnement et le style.
Fonctionnalités principales
- Toile libre infinie : Concevez sans grilles ni colonnes grâce à un workflow basé sur une toile pour une flexibilité maximale de la mise en page.
- Points de rupture illimités : Appliquez un style responsive sur un nombre illimité de points de rupture.
- Système de design par variables CSS : Créez des styles avec une approche par variables CSS pour un theming cohérent.
- Interactions et animations : Créez des comportements interactifs et des animations, avec une timeline d’interactions et un éditeur de keyframes.
- CMS intégré avec gestionnaire de contenu et champs personnalisés : Gérez le contenu directement dans le builder grâce aux références et multi-références.
- Modèles dynamiques et filtrage de collections : Utilisez des comportements de modèles dynamiques comme la planification de publications, le filtrage de collections et la pagination.
- Collaboration en temps réel : Prise en charge de plusieurs éditeurs travaillant sur la même toile, avec des fils de commentaires placés sur le design.
- Outils de collaboration et de transmission : Utilisez le mode staging et l’historique de publication, ainsi que des liens de partage en lecture seule pour les clients et un mode développeur pour la transmission.
- Animations de texte et support Lottie : Inclut des outils d’animation de texte et la prise en charge des fichiers Lottie pour les éléments animés.
Comment utiliser Kirki
- Installez Kirki sur votre site WordPress et commencez un nouveau projet de design à partir d’un kit de modèles fourni.
- Personnalisez le modèle sur la toile libre en ajoutant et en arranging des blocs de construction (sections, lignes, colonnes, éléments) et en ajustant les styles.
- Connectez le design au contenu grâce au CMS intégré, y compris les champs personnalisés et les références (ou multi-références) pour le contenu dynamique.
- Ajoutez des comportements avec interactions et animations en utilisant la timeline d’interactions et l’éditeur de keyframes, y compris des presets d’interactions lorsque cela s’applique.
- Collaborez avec votre équipe en temps réel grâce à l’édition en temps réel, les commentaires et le mode staging/historique de publication avant partage avec les clients via des liens en lecture seule.
Cas d’utilisation
- Builder de pages marketing avec mise en page responsive : Créez des pages d’atterrissage sur la toile infinie tout en stylisant sur des points de rupture illimités.
- Sections de site basées sur des modèles dynamiques alimentées par le CMS : Construisez des modèles dynamiques qui tirent du CMS intégré avec références, pagination et filtrage de collections.
- Workflow de design et de review pour équipes : Travaillez avec plusieurs éditeurs en temps réel, laissez des commentaires directement sur le design,并使用 staging mode et l’historique de publication pour les cycles de review.
- Expériences interactives de produits ou de portfolio : Ajoutez des comportements d’interaction scroll/click/hover/mouse-move et des animations de texte, en utilisant éventuellement des assets Lottie.
- Transmission client et review contrôlée : Partagez des liens en lecture seule pour les clients pour le feedback et utilisez le mode développeur pour soutenir les workflows de transmission.
FAQ
Kirki est-il un builder de pages WordPress ou un CMS ?
Kirki est un builder visuel pour WordPress qui inclut également un CMS intégré. L’éditeur est conçu pour travailler avec le contenu du CMS et les champs personnalisés.
Que signifie « toile libre » dans Kirki?
Kirki’s editor is described as an infinite canvas that avoids grids and columns, letting you design directly on the canvas rather than inside strict layout frameworks.
Kirki prend-il en charge le design responsive ?
Oui. Le produit décrit points de rupture illimités pour le style responsive.
Plusieurs personnes peuvent-elles travailler sur le même design ?
Oui. Kirki liste la collaboration en temps réel avec plusieurs éditeurs, plus des commentaires directement sur le design.
Kirki inclut-il des outils d’interaction et d’animation ?
Oui. Il inclut une timeline d’interactions et un éditeur de keyframes, des presets d’interactions,以及支持 text animations et Lottie files.
Alternatives
- Constructeurs de pages WordPress traditionnels (basés sur grilles et sections) : Ils utilisent généralement des systèmes de lignes et colonnes et sont souvent moins orientés vers une toile infinie libre et un workflow CMS intégré.
- Constructeurs de sites no-code avec collaboration : Ils proposent souvent une édition visuelle et des fonctionnalités de travail en équipe, mais ne s’intègrent pas toujours directement dans un CMS WordPress et un workflow de champs personnalisés.
- Développement personnalisé de thèmes et pages WordPress : Il offre un contrôle total, mais nécessite généralement plus d’efforts de développement ; il ne dispose pas d’un workflow d’édition visuelle CMS et toile intégré.
- Outils de design front-end associés à la création de modèles WordPress : Une approche courante consiste à concevoir ailleurs puis à implémenter dans des modèles WordPress ; par rapport à Kirki, cela peut séparer la conception, le câblage CMS et la configuration des interactions dans différents outils.
Alternatives
Make Real
Dessinez une UI et réalisez-la en utilisant le SDK tldraw.
Refero
Refero : la plus grande collection de références UI/UX pour le web et iOS. Trouvez l'inspiration avec des milliers de captures d'écran et une recherche avancée.
Pixso
Pixso est un outil de conception UI natif d'IA de nouvelle génération qui permet aux utilisateurs de générer des ébauches de conception et du code en un seul clic, servant d'alternative nationale à Figma.
Fronty
Fronty convertit des captures d’écran et des images JPEG/PNG en HTML et CSS avec l’IA, puis permet de modifier et publier via un éditeur no-code et l’hébergement.
Napkin AI
Napkin AI transforme votre texte en visuels perspicaces, rendant la communication plus efficace et engageante.
FigPrompt
FigPrompt est un générateur d’extensions IA pour Figma : décrivez votre plugin et obtenez la logique prête à l’emploi, sans code, en quelques secondes.