Atomic Studio for Elementor

Turn a Figma frame into a native Elementor page, with its layout, styles and media, as a draft you review before publishing.

How it works

1. Install the plugin on a WordPress site running Elementor. An administrator agrees once to the plugin using Atomic Studio Cloud.
2. Connect Figma from the Atomic Studio menu in wp-admin.
3. Paste a Figma frame URL. Atomic Studio Cloud converts the frame, and your site writes it as a draft Elementor page — typed elements, not a screenshot or an HTML block.

Frames built with auto layout in Figma become containers that adapt to tablet and mobile. The import counts the frames that do not, and links to how to fix auto layout problems.

Elementor doesn't allow SVG uploads by default, so the import skips SVG files until an administrator turns them on. The import counts the skipped files, and links to how to allow SVG uploads.

What leaves your site

• Your site's address — Every time you open an Atomic Studio screen. It identifies your site, and it is the key your Figma authorization is stored under.
• A signed, single-use statement from your site — Every time you open an Atomic Studio screen. It proves the request comes from your site: your site signs it with a private key only your site holds, and Atomic Studio Cloud accepts each statement once.
• Your site's public key — In that statement, and in your site's answer the first time Atomic Studio Cloud asks to confirm it. It identifies your site. It is public by design; the private half never leaves your site.
• Your WordPress admin's address — In that signed statement. So Atomic Studio Cloud accepts calls from your admin screens when they are on a different address from your site.
• Your WordPress user ID and capabilities — In that signed statement. So Atomic Studio Cloud allows only the actions you are allowed to take.
• The Atomic Studio plugin's version number — With every request the plugin's screens make to Atomic Studio Cloud. So Atomic Studio Cloud can keep older plugin versions working.
• The Figma file and frame URL you paste — When you convert a design. It is the thing being converted. Atomic Studio Cloud reads that frame from Figma on your behalf.
• Your site's server address (its IP address), to Figma's image storage on Amazon S3 — When you import a design that contains images. Your site downloads each image into its media library from the address Figma issued for it, so your published pages never load images from Figma.
• Whether you chose to share imported designs to improve conversion quality — In that signed statement. Atomic Studio Cloud keeps a copy of a conversion only when your site says an administrator opted in.
• The ID and address of the page an import created, or the error code if it failed — After each import. So the import history can say what each import produced and link to the page.

What it never sends

• 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

Using Atomic Studio Cloud is subject to its Terms of Service and Privacy Policy.