{"id":381033,"date":"2026-10-08T14:04:18","date_gmt":"2026-10-08T14:04:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/atomic-studio-for-elementor\/"},"modified":"2026-10-08T22:56:43","modified_gmt":"2026-10-08T22:56:43","slug":"atomic-studio-for-elementor","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/atomic-studio-for-elementor\/","author":23578812,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.2","stable_tag":"1.0.2","tested":"7.1.3","requires":"7.0","requires_php":"8.0","requires_plugins":null,"header_name":"Atomic Studio for Elementor \u2013 Import Figma Designs","header_author":"Atomic Studio","header_description":"Turn a Figma frame into a native Elementor page, with its layout, styles and media, as a draft you review before publishing.","assets_banners_color":"393939","last_updated":"2026-10-08 22:56:43","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/atomicstudio.ai\/wordpress","header_author_uri":"https:\/\/atomicstudio.ai","rating":0,"author_block_rating":0,"active_installs":0,"downloads":102,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"heinvanvlastuin","date":"2026-10-08 14:48:09","revision":3734880},"1.0.2":{"tag":"1.0.2","author":"heinvanvlastuin","date":"2026-10-08 22:56:43","revision":3735665}},"upgrade_notice":{"1.0.2":"

Agreeing to use Atomic Studio Cloud now opens the screen you were on, ready to use, instead of an empty page.<\/p>","1.0.1":"

The Atomic Studio menu stays visible and explains what to fix when Elementor is not ready, and failed image imports now say why.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3735665,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3735665,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3735327,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3735327,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1","1.0.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3734880,"resolution":"1","location":"assets","locale":"","width":1400,"height":872},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3734880,"resolution":"2","location":"assets","locale":"","width":1400,"height":900},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3734880,"resolution":"3","location":"assets","locale":"","width":1400,"height":900},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3734880,"resolution":"4","location":"assets","locale":"","width":1400,"height":900},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3734880,"resolution":"5","location":"assets","locale":"","width":1400,"height":900}},"screenshots":{"1":"A Figma frame imported as a draft Elementor page, side by side.","2":"The imported page in the Elementor editor: real headings, containers and text.","3":"Paste the link to a Figma frame and import it.","4":"Connect Figma once. Your Figma password never reaches your site.","5":"Nothing is sent until an administrator agrees."}},"plugin_section":[],"plugin_tags":[4072,76538,225034,240296,87],"plugin_category":[43,59],"plugin_contributors":[285057],"plugin_business_model":[],"class_list":["post-381033","plugin","type-plugin","status-publish","hentry","plugin_tags-design","plugin_tags-elementor","plugin_tags-figma","plugin_tags-figma-to-elementor","plugin_tags-import","plugin_category-customization","plugin_category-utilities-and-tools","plugin_contributors-heinvanvlastuin","plugin_committers-heinvanvlastuin"],"banners":{"banner":"https:\/\/ps.w.org\/atomic-studio-for-elementor\/assets\/banner-772x250.png?rev=3735327","banner_2x":"https:\/\/ps.w.org\/atomic-studio-for-elementor\/assets\/banner-1544x500.png?rev=3735327","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/atomic-studio-for-elementor\/assets\/icon-128x128.png?rev=3735665","icon_2x":"https:\/\/ps.w.org\/atomic-studio-for-elementor\/assets\/icon-256x256.png?rev=3735665","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/atomic-studio-for-elementor\/assets\/screenshot-1.png?rev=3734880","caption":"A Figma frame imported as a draft Elementor page, side by side."},{"src":"https:\/\/ps.w.org\/atomic-studio-for-elementor\/assets\/screenshot-2.png?rev=3734880","caption":"The imported page in the Elementor editor: real headings, containers and text."},{"src":"https:\/\/ps.w.org\/atomic-studio-for-elementor\/assets\/screenshot-3.png?rev=3734880","caption":"Paste the link to a Figma frame and import it."},{"src":"https:\/\/ps.w.org\/atomic-studio-for-elementor\/assets\/screenshot-4.png?rev=3734880","caption":"Connect Figma once. Your Figma password never reaches your site."},{"src":"https:\/\/ps.w.org\/atomic-studio-for-elementor\/assets\/screenshot-5.png?rev=3734880","caption":"Nothing is sent until an administrator agrees."}],"raw_content":"\n

Stop rebuilding your Figma designs by hand. Atomic Studio turns a Figma frame into a real\nElementor page: not a screenshot or an HTML embed, but native elements you keep editing in\nElementor like anything else.<\/p>\n\n

How it works<\/h4>\n\n
    \n
  1. Connect Figma<\/strong> once, under Atomic Studio \u2192 Connect Figma.<\/li>\n
  2. Paste the link<\/strong> to a Figma frame and select \"Import to Elementor\".<\/li>\n
  3. Review the draft<\/strong> in Elementor, and publish it when you are ready.<\/li>\n<\/ol>\n\n

    Features<\/h4>\n\n
      \n
    • Faithful to your design<\/strong> \u2014 layout, spacing, color and type come straight from the frame.<\/li>\n
    • Native Elementor elements<\/strong> \u2014 headings, containers, text and images with their own styles, edited like anything you built in Elementor.<\/li>\n
    • Desktop, tablet and mobile<\/strong> \u2014 import a design's tablet and mobile frames alongside desktop.<\/li>\n
    • Images in your Media Library<\/strong> \u2014 the design's images are added to your site, not loaded from Figma.<\/li>\n
    • Drafts first<\/strong> \u2014 every import lands as a draft. Nothing goes live until you publish it.<\/li>\n<\/ul>\n\n

      Watch the tutorial<\/h4>\n\n

      https:\/\/www.youtube.com\/watch?v=kJxzlhmhKFg<\/p>\n\n

      Requirements<\/h4>\n\n
        \n
      • WordPress 7.0 or newer, PHP 8.0 or newer<\/li>\n
      • Elementor 4.2.0 or newer, with the Atomic Editor switched on (Elementor \u2192 Settings \u2192 Atomic Editor \u2192 Activate). Elementor 4.3 or newer for tablet and mobile designs. Elementor Pro is not needed.<\/li>\n
      • A Figma account with access to the file you want to import<\/li>\n<\/ul>\n\n

        External services<\/h3>\n\n

        Designs are converted by Atomic Studio Cloud (https:\/\/atomicstudio.ai), operated by Khomba Business Networking (PTY) LTD.\nNothing is sent until an administrator agrees on the plugin's Import screen, which shows the full list.<\/p>\n\n

        When you open an Atomic Studio screen, the plugin sends a signed request with your site's address and public key, your WordPress user ID and capabilities, and the plugin version. When you import, it sends the Figma frame URL you paste, and your site downloads the design's images from Figma's storage on Amazon S3. It never sends your posts, users or passwords. Atomic Studio Cloud calls back to your site once, at \/wp-json\/atomic-studio\/v1\/verify<\/code>, to confirm its key.<\/p>\n\n

        Terms of Service: https:\/\/atomicstudio.ai\/legal\/terms#the-service \u00b7 Privacy Policy: https:\/\/atomicstudio.ai\/legal\/privacy<\/p>\n\n

        Trademarks<\/h3>\n\n

        Elementor is a trademark of Elementor Ltd. Figma is a trademark of Figma, Inc. WordPress is a trademark of the WordPress Foundation. Atomic Studio is an independent product and is not affiliated with, endorsed by, or sponsored by any of them.<\/p>\n\n

        Source code<\/h3>\n\n
        assets\/build\/admin.js ships unminified. Its full source ships in the `source\/` folder, with build steps in `source\/README.md`.\n<\/code><\/pre>\n\n\n
          \n
        1. Make sure Elementor is installed and active.<\/li>\n
        2. Go to Plugins \u2192 Add New Plugin, search for \"Atomic Studio for Elementor\", then select Install Now and Activate.<\/li>\n
        3. Open Atomic Studio \u2192 Import and select \"I agree \u2014 start using Atomic Studio Cloud\".<\/li>\n
        4. Select \"Connect Figma\" and allow access in the Figma tab that opens. Go back to the WordPress tab; it updates on its own.<\/li>\n
        5. In Figma, select a frame and press Cmd+L (Ctrl+L on Windows) to copy its link. Paste it into \"Figma frame URL\" and select \"Import to Elementor\".<\/li>\n
        6. Select \"Edit in Elementor\" to review the draft page, then publish it.<\/li>\n<\/ol>\n\n\n
          \n
          Is my design published right away?<\/h3><\/dt>\n
          No. Every import is a draft. If you re-import into a page that is already published, the import creates a new draft and leaves the live page unchanged.<\/p><\/dd>\n
          What access to Figma does Atomic Studio need?<\/h3><\/dt>\n
          Read access to the files your Figma account can open. It cannot change anything in Figma, and it reads a file only when you import from it.<\/p><\/dd>\n
          Does the plugin store a Figma password or token?<\/h3><\/dt>\n
          No. The plugin stores one encrypted private key that signs your site's requests. It never leaves your site, and deleting the plugin deletes it.<\/p><\/dd>\n
          Does it work on a local or password-protected site?<\/h3><\/dt>\n
          Yes. It works the same, with a lower hourly import limit.<\/p><\/dd>\n
          How do I stop using Atomic Studio?<\/h3><\/dt>\n
          Select \"Disconnect Figma\" under Atomic Studio \u2192 Connect Figma, or deactivate the plugin. Pages you already imported stay as they are.<\/p><\/dd>\n\n<\/dl>\n\n\n
          1.0.2<\/h4>\n\n
            \n
          • Clicking \"I agree \u2014 start using Atomic Studio Cloud\" now returns to the screen you were on with Atomic Studio loaded, and confirms that Atomic Studio Cloud is on for the site. Before, the page stayed empty until you opened it again. On Connect Figma, the next step, Authorize Figma, shows right away.<\/li>\n
          • Reloading the page after agreeing no longer sends the agreement a second time.<\/li>\n
          • The plugin is now named \"Atomic Studio for Elementor \u2013 Import Figma Designs\".<\/li>\n<\/ul>\n\n
            1.0.1<\/h4>\n\n
              \n
            • The Atomic Studio menu now stays in place when Elementor is not active, is older than 4.2, or has the Atomic Editor switched off. Its screens say what to change instead of the menu disappearing. The notice outside Atomic Studio still shows on the Plugins screen only.<\/li>\n
            • When an image from Figma cannot be added to the Media Library, the import result now says why, for example that the download failed or that the file is not a JPEG, PNG, GIF or WebP image.<\/li>\n
            • Images from Figma larger than 20 MB or 40 megapixels are no longer added to the Media Library, and the import result says which limit they crossed. Before, one oversized image could fill the server's temporary folder or run it out of memory.<\/li>\n
            • When an image from Figma cannot be added to the Media Library, it is left out of the page instead of being linked from Figma. Visitors' browsers no longer load images from Figma, and the page no longer shows a broken image once Figma's link expires.<\/li>\n
            • An image address that already points at your Media Library uses that image instead of downloading a copy. This also keeps those images on local and intranet sites, where the site's own address cannot be downloaded from.<\/li>\n
            • A user who can import but cannot view Atomic Studio no longer gets a menu whose screens all refuse them.<\/li>\n
            • Frames without auto layout in Figma are listed before and after an import, because they keep fixed positions and do not adapt to tablet and mobile screens.<\/li>\n
            • Imports now follow Elementor's \"Enable Unfiltered File Uploads\" setting. When SVG uploads are off, which is Elementor's default, SVG files are skipped and the import result counts them and links to how to allow them. Atomic Studio no longer switches the setting on for its own uploads.<\/li>\n
            • Re-importing a design into a page you are not allowed to edit is refused before anything changes. It no longer deletes that page's older revisions first.<\/li>\n
            • Re-importing a design into a published or scheduled page no longer turns it back into a draft. The import creates a new draft page and leaves the live page unchanged.<\/li>\n
            • The Figma connection status updates by itself after you authorize or disconnect Figma, without reloading the page.<\/li>\n
            • Global classes written by an import stay listed in the Elementor editor and in logged-in previews.<\/li>\n
            • Small layout fixes on the Atomic Studio screens.<\/li>\n<\/ul>\n\n
              1.0.0<\/h4>\n\n
                \n
              • Initial release.<\/li>\n<\/ul>","raw_excerpt":"Turn a Figma frame into a native Elementor page, with its layout, styles and media.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/381033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=381033"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/heinvanvlastuin"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=381033"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=381033"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=381033"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=381033"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=381033"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=381033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}