[WordPress] 外掛分享: Atomic Studio – Figma to Elementor V4 Converter

首頁 › 外掛目錄 › Atomic Studio – Figma to Elementor V4 Converter
WordPress 外掛 Atomic Studio – Figma to Elementor V4 Converter 的封面圖片
全新外掛
安裝啟用
—
尚無評分
3 天前
最後更新
—
問題解決
WordPress 7.0+ PHP 8.0+ v1.0.3 上架:2026-10-07

內容簡介

Atomic Studio 是一款將 Figma 設計轉換為 Elementor V4 頁面的外掛,無需手動重建設計。它能將 Figma 框架轉換為可在 Atomic Editor 中編輯的原生 Elementor 元素,讓設計過程更為高效。

【主要功能】
• 忠實還原設計 — 佈局、間距、顏色和字型直接來自 Figma
• 原生 Elementor 元素 — 標題、容器、文字和圖片可編輯
• 支援多裝置 — 同時導入桌面、平板和手機設計
• 媒體庫中的圖片 — 設計的圖片直接添加至網站
• 草稿優先 — 每次導入都作為草稿,需手動發布

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.3) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Atomic Studio – Figma to Elementor V4 Converter」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Atomic Studio is a Figma to Elementor converter for Elementor V4. Stop rebuilding your Figma
designs by hand: it turns a Figma frame into a real Elementor V4 page, built in the Atomic
Editor. Not a screenshot or an HTML embed, but native elements you keep editing in Elementor
like anything else.
Figma to Elementor in three steps

Connect Figma once, under Atomic Studio → Connect Figma.
Paste the link to a Figma frame and select “Import to Elementor”.
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), operated by Khomba Business Networking (PTY) LTD.
Nothing is sent until an administrator agrees on the plugin’s Import screen, which shows the full list.
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, to confirm its 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`.

延伸相關外掛

文章
Filter
Mastodon