Figma to Kirki

Convert static designs to live sites with Figma to Kirki

Transform your static Figma designs into fully functional, live websites preserving every detail.

Get started free

Convert Figma design to Kirki live sites preview

Transfer Figma design to Kirki preserving your styles, spacing, and layouts.

Auto responsive adaption showing multiple devices

Effortless Adaptation With Auto Responsiveness

Flawlessly adapt your design to any screen size with auto-responsiveness.

Design & Dev mode metaphoric preview

Bridging The Gap Between Design & Dev

Work in harmony with other creative minds with no roadblocks to what you can achieve.

A precise preview of how flawlessly Kirki designs translated from Figma into reality.

Achieve Pixel-Perfect Accuracy

No painstaking processes and replication. Your website will look exactly as envisioned in Figma.

Auto responsive adaption showing multiple devices

Design & Dev mode metaphoric preview

A precise preview of how flawlessly Kirki designs translated from Figma into reality.

Effortless installation

Head over to Figma's Resources tab and add the Figma to Kirki plugin with a single click.

Figma to Kirki plugin installation preview

Copy your design

With your Figma masterpiece complete (ideally using auto layout features), copy the section or entire page.

Figma to Kirki plugin installation preview

Seamless import

Simply paste it with “command + v” to import your design components and style into Kirki.

Paste the copied design from the Figma to Kirki canvas

Refine & launch

Add interactivity, personalize elements, and breathe life into your design within Droip's user-friendly environment.

A page publish options on Kirki

Figma to Kirki plugin installation preview

Kirki to Figma plugin installation preview

Paste the copied design from the Figma to Kirki canvas

A page publish options on Kirki

Get started free See all plans

Figma to Kirki

Everything you need.
Nothing you don't.

{"blocks":{"dp06034v":{"visibility":true,"collapse":false,"name":"slider","title":"Slider","properties":{"slider":{"mode":"manual","animation":"slide","duration":600,"easing":"ease-out","defaultSlide":0,"autoplay":false,"pauseOnHover":true,"delay":2000,"infiniteLoop":0,"swipeGestures":true,"hideArrowsAtEnds":false,"arrowIconName":"chevron","arrowIconColor":"#D6D6D6","arrowSpacing":"24px","indicatorIconName":"box","indicatorIconColor":"#D6D6D6","indicatorSpacing":"8px","indicatorPosition":"center-bottom","indicatorHorizontalOffset":0,"indicatorVerticalOffset":0,"orientation":"","activeSlideIndex":1,"defaultActiveSlide":1,"currentActiveClass":"kirki-slide-active","editorProps":{"activeSlide":0}},"dynamicSliderContent":{"type":"post","collectionType":"posts","items":3,"current_page":1,"pagination":true,"pagination_type":"numeric","filters":[],"sorting":[]},"tag":"div"},"styleIds":["dpsulwqb","dpnka31m","dpeuusz1"],"className":"kirki-slider","source":"kirki","children":["dpt3d1qk","dppapinl","dpdwzrkd","dp7ujgqz"],"id":"dp06034v","parentId":"dpqt1v7o","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpt3d1qk":{"styleIds":["dpxds7ha","dplmpkya","dpi4m0ox"],"visibility":true,"collapse":false,"name":"slider_mask","title":"Slider Mask","properties":{"tag":"div"},"className":"kirki-slider-mask","source":"kirki","children":["dpszta4r","dptxpwah","dphfog3r","dpy48a8j","dpgfd1z5","dp4h3cqq"],"id":"dpt3d1qk","parentId":"dp06034v","template_mounted":true},"dpszta4r":{"styleIds":["dpbjrc8y","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-3","properties":{"tag":"div","contents":"Slider 3"},"className":"kirki-slide-item","source":"kirki","children":["dp8t1pat"],"id":"dpszta4r","parentId":"dpt3d1qk","hide":false},"dp8t1pat":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp06j8nw"],"className":"","source":"kirki","children":["dpbr2gk8","dpz4fidn"],"id":"dp8t1pat","parentId":"dpszta4r","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpbr2gk8":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpvg35a7"],"className":"","source":"kirki","children":["dp7hn18x"],"id":"dpbr2gk8","parentId":"dp8t1pat","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp7hn18x":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/Get-essential-app-integrations-1.webp","alt":"","href":"","target":"","name":"get-essential-app-integrations-2"},"wp_attachment_id":7768},"styleIds":["dp21yzn8"],"className":"","source":"kirki","id":"dp7hn18x","parentId":"dpbr2gk8","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpz4fidn":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dpmapkh4"],"className":"","source":"kirki","children":["dpbqveix","dp8li6gk"],"id":"dpz4fidn","parentId":"dp8t1pat","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpbqveix":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Get essential app integrations"],"tag":"h3"},"styleIds":["dp09zvt3"],"className":"","source":"kirki","id":"dpbqveix","parentId":"dpz4fidn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp8li6gk":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["20+ built-in apps from Mailchimp to Google Search Console \u2014 no third-party setup."],"tag":"p"},"styleIds":["dp3qruuy"],"className":"","source":"kirki","id":"dp8li6gk","parentId":"dpz4fidn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dptxpwah":{"styleIds":["dpbjrc8y","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-1","properties":{"tag":"div","contents":"Slider 1"},"className":"kirki-slide-item","source":"kirki","children":["dpzcatda"],"id":"dptxpwah","parentId":"dpt3d1qk","hide":false},"dpzcatda":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp06j8nw"],"className":"","source":"kirki","children":["dpr9jr4m","dp68t8tz"],"id":"dpzcatda","parentId":"dptxpwah","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpr9jr4m":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpvg35a7"],"className":"","source":"kirki","children":["dpycc27k"],"id":"dpr9jr4m","parentId":"dpzcatda","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpycc27k":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/Frame-2147227688.webp","alt":"frame-2147227688","href":"","target":"","name":"frame-2147227688"},"wp_attachment_id":6726},"styleIds":["dp21yzn8"],"className":"","source":"kirki","id":"dpycc27k","parentId":"dpr9jr4m","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp68t8tz":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dpmapkh4"],"className":"","source":"kirki","children":["dp7zh6ky","dpcsnnqn"],"id":"dp68t8tz","parentId":"dpzcatda","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp7zh6ky":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Seamlessly migrate to Kirki"],"tag":"h3"},"styleIds":["dp09zvt3"],"className":"","source":"kirki","id":"dp7zh6ky","parentId":"dp68t8tz","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpcsnnqn":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Import from Figma, HTML, or any existing builder. Styles, spacing, and layouts preserved."],"tag":"p"},"styleIds":["dp3qruuy"],"className":"","source":"kirki","id":"dpcsnnqn","parentId":"dp68t8tz","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dphfog3r":{"styleIds":["dpbjrc8y","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-2","properties":{"tag":"div","contents":"Slider 2"},"className":"kirki-slide-item","source":"kirki","children":["dpwul8mt"],"id":"dphfog3r","parentId":"dpt3d1qk","hide":false},"dpwul8mt":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp06j8nw"],"className":"","source":"kirki","children":["dpa38u1w","dpkglae2"],"id":"dpwul8mt","parentId":"dphfog3r","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpa38u1w":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpvg35a7"],"className":"","source":"kirki","children":["dpbjm3wd"],"id":"dpa38u1w","parentId":"dpwul8mt","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpbjm3wd":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/Dev-mode.webp","alt":"","href":"","target":"","name":"dev-mode-3"},"wp_attachment_id":6706},"styleIds":["dp21yzn8"],"className":"","source":"kirki","id":"dpbjm3wd","parentId":"dpa38u1w","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpkglae2":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dpmapkh4"],"className":"","source":"kirki","children":["dpkblf29","dpzqjm32"],"id":"dpkglae2","parentId":"dpwul8mt","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpkblf29":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Dev mode"],"tag":"h3"},"styleIds":["dp09zvt3"],"className":"","source":"kirki","id":"dpkblf29","parentId":"dpkglae2","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpzqjm32":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Full CSS visibility and clean structured markup for seamless developer handoff."],"tag":"p"},"styleIds":["dp3qruuy"],"className":"","source":"kirki","id":"dpzqjm32","parentId":"dpkglae2","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpy48a8j":{"styleIds":["dpbjrc8y","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-4","properties":{"tag":"div","contents":"Slider 4"},"className":"kirki-slide-item","source":"kirki","children":["dpig7a0c"],"id":"dpy48a8j","parentId":"dpt3d1qk","hide":false},"dpig7a0c":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp06j8nw"],"className":"","source":"kirki","children":["dpbcp0a1","dp2vdp8n"],"id":"dpig7a0c","parentId":"dpy48a8j","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpbcp0a1":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpvg35a7"],"className":"","source":"kirki","children":["dpf8t4fa"],"id":"dpbcp0a1","parentId":"dpig7a0c","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpf8t4fa":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/Get-rid-of-third-party-plugins-2.webp","alt":"Get rid of third-party plugins","href":"","target":"","name":"get-rid-of-third-party-plugins-3"},"wp_attachment_id":7769},"styleIds":["dp21yzn8"],"className":"","source":"kirki","id":"dpf8t4fa","parentId":"dpbcp0a1","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp2vdp8n":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dpmapkh4"],"className":"","source":"kirki","children":["dp1cuima","dplomjjv"],"id":"dp2vdp8n","parentId":"dpig7a0c","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp1cuima":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Get rid of third-party plugins"],"tag":"h3"},"styleIds":["dp09zvt3"],"className":"","source":"kirki","id":"dp1cuima","parentId":"dp2vdp8n","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dplomjjv":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Forms, popups, maps, SEO, icons \u2014 all built in. Fewer plugins, faster sites, fewer vulnerabilities."],"tag":"p"},"styleIds":["dp3qruuy"],"className":"","source":"kirki","id":"dplomjjv","parentId":"dp2vdp8n","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpgfd1z5":{"styleIds":["dpbjrc8y","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-5","properties":{"tag":"div","contents":"Slider 5"},"className":"kirki-slide-item","source":"kirki","children":["dpx7rw0d"],"id":"dpgfd1z5","parentId":"dpt3d1qk"},"dpx7rw0d":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp06j8nw"],"className":"","source":"kirki","children":["dpvapjvy","dp39218m"],"id":"dpx7rw0d","parentId":"dpgfd1z5","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpvapjvy":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpvg35a7"],"className":"","source":"kirki","children":["dp4iryid"],"id":"dpvapjvy","parentId":"dpx7rw0d","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp4iryid":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/figma-to-kirki-2.webp","alt":"","href":"","target":"","name":"figma-to-kirki-3"},"wp_attachment_id":6767},"styleIds":["dp21yzn8"],"className":"","source":"kirki","id":"dp4iryid","parentId":"dpvapjvy","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp39218m":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dpmapkh4"],"className":"","source":"kirki","children":["dpg4dnx2","dpp9pvr7"],"id":"dp39218m","parentId":"dpx7rw0d","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpg4dnx2":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Figma to Kirki"],"tag":"h3"},"styleIds":["dp09zvt3"],"className":"","source":"kirki","id":"dpg4dnx2","parentId":"dp39218m","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpp9pvr7":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Import Figma designs directly \u2014 preserving your styles, spacing, and layouts exactly as designed."],"tag":"p"},"styleIds":["dp3qruuy"],"className":"","source":"kirki","id":"dpp9pvr7","parentId":"dp39218m","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp4h3cqq":{"styleIds":["dpbjrc8y","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-6","properties":{"tag":"div","contents":"Slider 5"},"className":"kirki-slide-item","source":"kirki","children":["dp2wbhmn"],"id":"dp4h3cqq","parentId":"dpt3d1qk"},"dp2wbhmn":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp06j8nw"],"className":"","source":"kirki","children":["dph88omu","dpiaxa0e"],"id":"dp2wbhmn","parentId":"dp4h3cqq","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dph88omu":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpvg35a7"],"className":"","source":"kirki","children":["dpsgijuc"],"id":"dph88omu","parentId":"dp2wbhmn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpsgijuc":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/Create-unlimited-breakpoints.webp","alt":"Create unlimited breakpoints","href":"","target":"","name":"create-unlimited-breakpoints"},"wp_attachment_id":7767},"styleIds":["dp21yzn8"],"className":"","source":"kirki","id":"dpsgijuc","parentId":"dph88omu","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpiaxa0e":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dpmapkh4"],"className":"","source":"kirki","children":["dp7qbz40","dpsco48c"],"id":"dpiaxa0e","parentId":"dp2wbhmn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp7qbz40":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Create unlimited breakpoints"],"tag":"h3"},"styleIds":["dp09zvt3"],"className":"","source":"kirki","id":"dp7qbz40","parentId":"dpiaxa0e","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpsco48c":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Less plugin reliance means fewer conflicts, better performance, and a smoother experience\u2014without the WordPress plugin chaos."],"tag":"p"},"styleIds":["dp3qruuy"],"className":"","source":"kirki","id":"dpsco48c","parentId":"dpiaxa0e","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dppapinl":{"styleIds":["dpwaebq3"],"visibility":true,"collapse":false,"name":"arrow_left","title":"Arrow Left","properties":{"tag":"div","isActive":false},"className":"kirki-slider-arrow-left","source":"kirki","children":["dpvp1gvn"],"id":"dppapinl","parentId":"dp06034v","template_mounted":true},"dpvp1gvn":{"styleIds":["dp0swyo5"],"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M13 4L7 10L13 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>"},"className":"","source":"kirki","id":"dpvp1gvn","parentId":"dppapinl"},"dpdwzrkd":{"styleIds":["dpd7aqnn"],"visibility":true,"collapse":false,"name":"arrow_right","title":"Arrow Right","properties":{"tag":"div","isActive":false},"className":"kirki-slider-arrow-right","source":"kirki","id":"dpdwzrkd","parentId":"dp06034v","template_mounted":true,"children":["dp0sxhff"]},"dp0sxhff":{"styleIds":["dp7zd2s1"],"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M8 4L14 10L8 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>"},"className":"","source":"kirki","id":"dp0sxhff","parentId":"dpdwzrkd"},"dp7ujgqz":{"styleIds":["dpj2q0td"],"visibility":true,"collapse":false,"name":"slider_nav","title":"Slider Nav","properties":{"tag":"div"},"className":"kirki-slider-nav","source":"kirki","id":"dp7ujgqz","parentId":"dp06034v","template_mounted":true,"children":["dp3nvwnb","dph4ein6","dpqzr9ci","dproo30h","dphlhfop","dp2qt8dy"],"hide":true},"dp3nvwnb":{"styleIds":["dpsji49i"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dp3nvwnb","parentId":"dp7ujgqz"},"dph4ein6":{"styleIds":["dpsji49i"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dph4ein6","parentId":"dp7ujgqz"},"dpqzr9ci":{"styleIds":["dpsji49i"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dpqzr9ci","parentId":"dp7ujgqz"},"dproo30h":{"styleIds":["dpsji49i"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dproo30h","parentId":"dp7ujgqz"},"dphlhfop":{"styleIds":["dpsji49i"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dphlhfop","parentId":"dp7ujgqz"},"dp2qt8dy":{"styleIds":["dpsji49i"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dp2qt8dy","parentId":"dp7ujgqz"}},"styles":{"dpsulwqb":{"id":"dpsulwqb","type":"class","isDefault":false,"name":["dpb8t0ec"],"variant":{"md":"position: relative;height: 360px;"}},"dpnka31m":{"id":"dpnka31m","type":"class","name":["dpdtize7"],"isDefault":false,"variant":{"md":""}},"dpeuusz1":{"id":"dpeuusz1","type":"class","name":["dpb8t0ec","dpdtize7"],"isDefault":false,"isComboClass":true,"variant":{"md":"height:549px;overflow:visible;","tablet":"height:545px;","mobile":"height:477px;"}},"dpxds7ha":{"id":"dpxds7ha","type":"class","isDefault":false,"name":["dpaq1o9w"],"variant":{"md":"position: relative;display: flex;width: 100%;height: 100%;"}},"dplmpkya":{"id":"dplmpkya","type":"class","name":["dp0xcllx"],"isDefault":false,"variant":{"md":""}},"dpi4m0ox":{"id":"dpi4m0ox","type":"class","name":["dpaq1o9w","dp0xcllx"],"isDefault":false,"isComboClass":true,"variant":{"md":"height:445px;column-gap:32px;","mobile":"height:397px;column-gap:16px;"}},"dpbjrc8y":{"id":"dpbjrc8y","type":"class","isDefault":false,"name":["dpbcsnj2"],"variant":{"md":"width: 100%;height: 100%;background-color:#F1F1F1;"}},"dpy8a558":{"id":"dpy8a558","type":"class","name":["dpq10s7r"],"isDefault":false,"variant":{"md":""},"isGlobal":true},"dpp5adr5":{"id":"dpp5adr5","type":"class","name":["dpkxgvgb","dpq10s7r"],"isDefault":false,"isComboClass":true,"variant":{"md":"max-width:437px;","tablet":"max-width:437px;","mobile":"max-width:328px;"},"isGlobal":true},"dp06j8nw":{"id":"dp06j8nw","type":"class","name":["dpjwafvb"],"isDefault":false,"variant":{"md":"display:flex;flex-direction:column;row-gap:32px;width:100%;height:100%;","mobileLandscape":"row-gap:24px;"}},"dpvg35a7":{"id":"dpvg35a7","type":"class","name":["dprje7th"],"isDefault":false,"variant":{"md":"width:100%;overflow:hidden;border-radius:24px;height:289px;","tablet":"height:289px;border-radius:16px;","mobile":"height:216px;border-radius:12px;"}},"dp21yzn8":{"id":"dp21yzn8","type":"class","isDefault":false,"name":["dpeipqux"],"variant":{"md":"max-width:100%;max-height:none;height:100%;width:100%;object-fit:cover;"}},"dpmapkh4":{"id":"dpmapkh4","type":"class","name":["dpmm49fx"],"isDefault":false,"variant":{"md":"width:100%;display:flex;flex-direction:column;row-gap:12px;"}},"dp09zvt3":{"id":"dp09zvt3","type":"class","name":"dp55czhx","isDefault":false,"variant":{"md":"font-family:Geist;font-weight:600;font-size:24px;line-height:1.33em;letter-spacing:-0.7px;color:rgba(0, 0, 0, 1.00);margin:0px;","tablet":"font-size:22px;line-height:1.27em;letter-spacing:-0.5px;","mobile":"line-height:1.8em;letter-spacing:-0.4px;font-size:20px;"}},"dp3qruuy":{"id":"dp3qruuy","type":"class","name":"dpwjqgpp","isDefault":false,"variant":{"md":"font-family:Inter;font-weight:500;font-size:16px;line-height:24px;letter-spacing:-0.2px;color:rgba(0, 0, 0, 0.6);margin:0px;","mobileLandscape":"margin:0 0px 0 0;"}},"dpwaebq3":{"id":"dpwaebq3","type":"class","name":["dp8t267d"],"isDefault":false,"variant":{"md":"position:absolute;height:56px;z-index:3;cursor:pointer;overflow:hidden;color:rgba(0, 0, 0, 0.6);user-select:none;width:98px;background-image:none;background-color:rgba(0, 0, 0, 0.04);border-radius:38px;display:flex;align-items:center;justify-content:center;opacity:1;transition-property:all;transition-duration:300ms;transition-delay:0ms;transition-timing-function:ease-out;margin:auto;inset:auto 106px 0px auto;border:1px solid rgba(0, 0, 0, 0.1);","mobile":"position:absolute;height:56px;top:auto;right:106px;bottom:0px;left:auto;z-index:3;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;cursor:pointer;overflow:hidden;color:#000000;user-select:none;width:98px;background-image:none;background-color:rgba(0, 0, 0, 0.04);border-radius:38px;border-top-left-radius:38px;border-top-right-radius:38px;border-bottom-right-radius:38px;border-bottom-left-radius:38px;display:flex;align-items:center;justify-content:center;opacity:1;transition-property:all;transition-duration:300ms;transition-delay:0ms;transition-timing-function:ease-out;border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-width:1px;border-left-style:solid;border-right-style:solid;border-bottom-style:solid;border-top-style:solid;border-left-color:rgba(0, 0, 0, 0.1);border-right-color:rgba(0, 0, 0, 0.1);border-top-color:rgba(0, 0, 0, 0.1);border-bottom-color:rgba(0, 0, 0, 0.1);width:calc(50% - 4px);top:auto;right:auto;bottom:0px;left:0%;","md_hover":"color:rgba(255, 255, 255, 1);background-image:none;background-color:rgba(0, 0, 0, 1);"},"isGlobal":true},"dp0swyo5":{"id":"dp0swyo5","type":"class","name":"dp7ttzxu","isDefault":false,"variant":{"md":"width:20px;height:20px;"}},"dpd7aqnn":{"id":"dpd7aqnn","type":"class","name":["dpuw3mnm"],"isDefault":false,"variant":{"md":"position:absolute;height:56px;z-index:4;cursor:pointer;overflow:hidden;color:rgba(0, 0, 0, 0.6);user-select:none;width:98px;border-radius:38px;background-image:none;background-color:rgba(0, 0, 0, 0.04);display:flex;align-items:center;justify-content:center;opacity:1;transition-property:all;transition-duration:300ms;transition-delay:0ms;transition-timing-function:ease-out;margin:auto;inset:auto 0px 0px auto;border:1px solid rgba(0, 0, 0, 0.1);","mobile":"position:absolute;height:56px;top:auto;bottom:0px;left:auto;right:0px;z-index:4;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;cursor:pointer;overflow:hidden;color:#000000;user-select:none;width:98px;border-radius:38px;border-top-left-radius:38px;border-top-right-radius:38px;border-bottom-right-radius:38px;border-bottom-left-radius:38px;background-image:none;background-color:rgba(0, 0, 0, 0.04);display:flex;align-items:center;justify-content:center;opacity:1;transition-property:all;transition-duration:300ms;transition-delay:0ms;transition-timing-function:ease-out;border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-width:1px;border-left-style:solid;border-right-style:solid;border-bottom-style:solid;border-top-style:solid;border-left-color:rgba(0, 0, 0, 0.1);border-right-color:rgba(0, 0, 0, 0.1);border-top-color:rgba(0, 0, 0, 0.1);border-bottom-color:rgba(0, 0, 0, 0.1);width:calc(50% - 4px);","md_hover":"background-image:none;background-color:rgba(0, 0, 0, 1);color:rgba(255, 255, 255, 1);"},"isGlobal":true},"dp7zd2s1":{"id":"dp7zd2s1","type":"class","name":"dpoqc3pm","isDefault":false,"variant":{"md":"width:20px;height:20px;"}},"dpj2q0td":{"id":"dpj2q0td","type":"class","name":"dpp872p0","variant":{"md":"display: flex; justify-content: center; align-items: center; column-gap: 8px;"},"isDefault":false},"dpsji49i":{"id":"dpsji49i","type":"class","isDefault":false,"name":"dpcta94g","variant":{"md":"width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;background-color: #dddddd;cursor: pointer;"}}}}

Get essential app integrations

20+ built-in apps from Mailchimp to Google Search Console — no third-party setup.

frame-2147227688

Seamlessly migrate to Kirki

Import from Figma, HTML, or any existing builder. Styles, spacing, and layouts preserved.

Dev mode

Full CSS visibility and clean structured markup for seamless developer handoff.

Get rid of third-party plugins

Get rid of third-party plugins

Forms, popups, maps, SEO, icons — all built in. Fewer plugins, faster sites, fewer vulnerabilities.

Figma to Kirki

Import Figma designs directly — preserving your styles, spacing, and layouts exactly as designed.

Create unlimited breakpoints

Create unlimited breakpoints

Less plugin reliance means fewer conflicts, better performance, and a smoother experience—without the WordPress plugin chaos.