Figma to Kirki (WordPress)
Transform your design from Figma to Kirki
Plugin Preview
About this plugin
Elevate your design process with the Figma-to-Kirki plugin, a powerful collaboration tool that seamlessly transforms your static designs into fully functional websites.How it works:Installation: Begin by installing the Figma-to-Kirki plugin from the Resources tab in Figma.Copy + paste: For best results, create with auto layout in Figma then copy your design into Driop (command + v).Edit + Launch: Bring your designs to life within the Kirki platform, utilizing its extensive features and capabilities. Fine-tune your website's elements, add interactivity, and with ease, launch your website to the world.Naming Guidelines:For the following element types, use these specific built-in element names in Figma for easy identification during import.Button: Button, button, BUTTONForm: Form, form, FORMInput: Input, input, INPUTTextarea: Textarea, textarea, TEXTAREALink: Link, link, LINKSection: Section, section, SECTIONContainer: Container, container, CONTAINERAdditional Features:Seamless transfer of design components and styling from Figma to Kirki.Access to Kirki's comprehensive set of features and tools for website development.Effortlessly maintain design consistency and efficiency throughout the design-to-development process.
Plugin Details
| Version | 21 |
|---|---|
| Created | March 22, 2024 |
| Last Updated | July 11, 2026 |
| Category | Software development |
| Creator | Kirki |
| Stats | 180 installs, 53 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.min.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://kirki.s3.amazonaws.com
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code