Back to Plugins
Figma to Kirki (WordPress)

Figma to Kirki (WordPress)

Transform your design from Figma to Kirki

figma to droipno coderesponsivecsswebdesign syncdesign to codehtmldesign to sitefigma to sitefigma to wordpressdroipdesign automation

Plugin Preview

Figma to Kirki (WordPress) 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

Version21
CreatedMarch 22, 2024
Last UpdatedJuly 11, 2026
CategorySoftware development
CreatorKirki
Stats180 installs, 53 likes
PricingFree

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