Atomic Studio for Elementor

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

How it works

1. Connect Figma once, under Atomic Studio → Connect Figma.
2. Paste the link to a Figma frame and select “Import to Elementor”.
3. Review the draft in Elementor, and publish it when you are ready.

Features

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

Watch the tutorial

Requirements

• WordPress 7.0 or newer, PHP 8.0 or newer
• Elementor 4.2.0 or newer, with the Atomic Editor switched on (Elementor → Settings → Atomic Editor → Activate). Elementor 4.3 or newer for tablet and mobile designs. Elementor Pro is not needed.
• A Figma account with access to the file you want to import

External services

Designs are converted by Atomic Studio Cloud (https://atomicstudio.ai), an external service operated by
Khomba Business Networking (PTY) LTD. Nothing is sent until an administrator agrees on the plugin’s Import screen,
which also shows this list in full.

What is sent, and when

• Your site’s address — every time you open an Atomic Studio screen.
• A signed, single-use statement from your site — every time you open an Atomic Studio screen.
• Your site’s public key — in that statement, and in your site’s answer the first time Atomic Studio Cloud asks to confirm it.
• Your WordPress admin’s address — in that signed statement.
• Your WordPress user ID and capabilities — in that signed statement.
• The Atomic Studio plugin’s version number — with every request the plugin’s screens make to Atomic Studio Cloud.
• The Figma file and frame URL you paste — when you convert a design.
• Your site’s server address (its IP address), to Figma’s image storage on Amazon S3 — when you import a design that contains images.
• Whether you chose to share imported designs to improve conversion quality — in that signed statement.
• The ID and address of the page an import created, or the error code if it failed — after each import.

Never sent

• Your posts, pages or any other site content
• Your users, their emails, or their passwords
• Comments, orders, or anything from other plugins
• Your site’s private key — it never leaves your site

Atomic Studio Cloud calls back into your site once, at /wp-json/atomic-studio/v1/verify, to confirm your site’s key.

Terms of Service: https://atomicstudio.ai/legal/terms#the-service
Privacy Policy: https://atomicstudio.ai/legal/privacy

Trademarks

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.

Source code

assets/build/admin.js ships unminified. Its full source ships in the `source/` folder, with build steps in `source/README.md`.