Kirki
Kirki è un visual builder freeform per WordPress con editor su canvas infinito e CMS integrato per pagine responsive e template dinamici.
Cos'è Kirki?
Kirki è un visual builder freeform per WordPress. Permette di progettare su un canvas infinito e creare pagine utilizzando un CMS reale insieme a un editor visuale, tutto all'interno dello stesso flusso di lavoro.
Invece di lavorare all'interno di griglie e colonne rigide, Kirki utilizza un canvas freeform e blocchi di costruzione delle pagine (come sezioni, righe, colonne ed elementi) per aiutarti a disporre i layout con un controllo più diretto su posizionamento e stile.
Funzionalità principali
- Canvas freeform infinito: Progetta senza griglie o colonne, utilizzando un flusso di lavoro basato su canvas per una maggiore flessibilità di layout.
- Breakpoint illimitati: Applica stili responsive su un numero illimitato di breakpoint.
- Sistema di design con variabili CSS: Crea stili utilizzando un approccio basato su variabili CSS, supportando la coerenza del tema.
- Interazioni e animazioni: Crea comportamenti interattivi e animazioni, inclusa una timeline delle interazioni e un editor di fotogrammi chiave.
- CMS integrato con gestore dei contenuti e campi personalizzati: Gestisci i contenuti direttamente nel builder con funzionalità di riferimento e multi-riferimento.
- Template dinamici e filtraggio delle collezioni: Utilizza comportamenti di template dinamici come la pianificazione dei post e l'applicazione di filtri e paginazione delle collezioni.
- Collaborazione in tempo reale: Supporta più editor che lavorano sullo stesso canvas, con thread di commenti posizionati sul design.
- Strumenti di collaborazione e consegna: Utilizza la modalità staging e la cronologia delle pubblicazioni, oltre a link di condivisione solo visualizzazione per i clienti e una modalità dev per la consegna.
- Animazioni di testo e supporto Lottie: Include strumenti per animazioni di testo e supporto per file Lottie per asset in movimento.
Come usare Kirki
- Installa Kirki sul tuo sito WordPress e avvia un nuovo progetto di design utilizzando un kit di template fornito.
- Personalizza il template sul canvas freeform aggiungendo e disponendo blocchi di costruzione (sezioni, righe, colonne, elementi) e regolando gli stili.
- Collega il design ai contenuti utilizzando il CMS integrato, inclusi campi personalizzati e riferimenti (o multi-riferimenti) per contenuti dinamici.
- Aggiungi comportamenti con interazioni e animazioni utilizzando la timeline delle interazioni e l'editor di fotogrammi chiave, inclusi preset di interazione dove applicabili.
- Collabora con il tuo team utilizzando editing in tempo reale, commenti e staging/cronologia delle pubblicazioni prima di condividere con i clienti tramite link solo visualizzazione.
Casi d'uso
- Builder di pagine marketing con layout responsive: Crea landing page sul canvas infinito mentre applichi stili su breakpoint illimitati.
- Sezioni del sito basate su template alimentate da contenuti CMS: Costruisci template dinamici che attingono dal CMS integrato con riferimenti, paginazione e filtraggio delle collezioni.
- Flusso di lavoro di design e review per team: Lavora con più editor in tempo reale, lascia commenti direttamente sul design, e utilizza la modalità staging e la cronologia delle pubblicazioni per cicli di review.
- Esperienze interattive di prodotti o portfolio: Aggiungi comportamenti interattivi di scroll/click/hover/mouse-move e animazioni di testo, eventualmente utilizzando asset Lottie.
- Consegna al cliente e review controllata: Condividi link solo visualizzazione per i clienti per feedback e utilizza la modalità dev per supportare i flussi di lavoro di consegna.
FAQ
Kirki è un page builder per WordPress o un CMS?
Kirki è un visual builder per WordPress che include anche un gestore dei contenuti CMS integrato. L'editor è progettato per lavorare con contenuti CMS e campi personalizzati.
Cosa significa “freeform canvas” in Kirki?
L'editor di Kirki è descritto come un canvas infinito che evita griglie e colonne, permettendo di progettare direttamente sul canvas invece che all'interno di framework di layout rigidi.
Kirki supporta il responsive design?
Sì. Il prodotto descrive breakpoint illimitati per stili responsive.
Possono lavorare più persone sullo stesso design?
Sì. Kirki elenca collaborazione in tempo reale con più editor, oltre a commenti direttamente sul design.
Kirki include strumenti per interazioni/animazioni?
Sì. Include una timeline delle interazioni e un editor di fotogrammi chiave, preset di interazione e supporto per animazioni di testo e file Lottie.
Alternative
- Builder per pagine WordPress tradizionali (basati su griglia/sezioni): Utilizzano tipicamente sistemi a righe e colonne e sono generalmente meno orientati a un canvas freeform infinito e a un flusso di lavoro con CMS integrato.
- Builder per siti no-code con collaborazione: Spesso offrono editing visuale e funzionalità per il lavoro di squadra, ma potrebbero non integrarsi direttamente in un CMS basato su WordPress e in un flusso di lavoro con campi personalizzati.
- Sviluppo personalizzato di temi e pagine WordPress: Offre il pieno controllo ma richiede generalmente più impegno da parte dello sviluppatore; manca di un flusso di lavoro integrato per l'editing visivo con CMS e canvas.
- Strumenti di design front-end abbinati a templating WordPress: Un approccio comune consiste nel progettare altrove e poi implementare nei template WordPress; rispetto a Kirki, può separare design, collegamento al CMS e configurazione delle interazioni in strumenti diversi.
Alternative
Make Real
Disegna un'interfaccia utente e rendila reale utilizzando il SDK di tldraw.
Refero
Refero: la risorsa definitiva per UI/UX design con migliaia di screenshot per web e iOS. Trova ispirazione e riferimenti per i tuoi progetti.
Pixso
Pixso è uno strumento di design UI nativo di IA di nuova generazione che consente agli utenti di generare bozze di design e codice con un solo clic, fungendo da alternativa nazionale a Figma.
Fronty
Fronty converte screenshot e immagini JPEG/PNG in HTML e CSS con AI, poi ti permette di modificarli e pubblicarli con editor no-code.
Napkin AI
Napkin AI trasforma il tuo testo in visualizzazioni perspicaci, rendendo la comunicazione più efficace e coinvolgente.
FigPrompt
FigPrompt: un builder di plugin AI per Figma che genera la logica pronta all’uso dai tuoi requisiti, senza scrivere codice, in pochi secondi.