Instantly convert your Figma designs to Bubble.io elements. Paste the elements from the extension into your Bubble editor.
Deezign Extension
Ultimate bubble.io developer tool!
Convert your Figma designs into responsive, pixel-perfect Bubble.io elements with just a few clicks:
1. Start by selecting a design in Figma using the Deezign Figma plugin.
2. The extension then prepares this design for Bubble.io, enabling you to access and paste it directly into your Bubble.io projects.
We built Deezign with the focus of efficiency and ease of use, streamlining the design-to-bubble development workflow. It ensures a secure process, respecting the privacy and integrity of your data. Ideal for web developers and designers looking to enhance their productivity, Deezign cuts down on the time and effort typically required to transform designs into functional elements. Install Deezign today to experience a more efficient way to bridge Figma and Bubble.io in your web development projects.
Set up your account at https://deezign.io
🆕 New Feature: Bubble element tree minify! Dislike the size of the new bubble.io element tree? Enable the Deezign element tree minify to condense it, increasing the visible space of the tree by 200%!
Notice: Deezign is not affiliated with Bubble.io or Figma.
Read more
Convert your Figma designs into responsive, pixel-perfect Bubble.io elements with just a few clicks:
1. Start by selecting a design in Figma using the Deezign Figma plugin.
2. The extension then prepares this design for Bubble.io, enabling you to access and paste it directly into your Bubble.io projects.
We built Deezign with the focus of efficiency and ease of use, streamlining the design-to-bubble development workflow. It ensures a secure process, respecting the privacy and integrity of your data. Ideal for web developers and designers looking to enhance their productivity, Deezign cuts down on the time and effort typically required to transform designs into functional elements. Install Deezign today to experience a more efficient way to bridge Figma and Bubble.io in your web development projects.
Set up your account at https://deezign.io
🆕 New Feature: Bubble element tree minify! Dislike the size of the new bubble.io element tree? Enable the Deezign element tree minify to condense it, increasing the visible space of the tree by 200%!
Notice: Deezign is not affiliated with Bubble.io or Figma.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Deezign", "version": "1.0.4", "description": "Instantly convert your Figma designs to Bubble.io elements. Paste the elements from the extension into your Bubble editor.", "permissions": [ "activeTab", "scripting", "storage", "declarativeContent" ], "host_permissions": [ "*://*.bubble.com/*", "*://*.bubble.io/*", "*://*.bubble.is/*" ], "background": { "service_worker": "background.js" }, "icons": { "48": "icon.png" }, "web_accessible_resources": [ { "resources": ["icon.png"], "matches": [ "*://*.bubble.com/*", "*://*.bubble.io/*", "*://*.bubble.is/*" ] } ], "action": { "default_icon": "icon.png", "default_popup": "" }, "content_scripts": [ { "matches": [ "*://*.bubble.com/*", "*://*.bubble.io/*", "*://*.bubble.is/*" ], "js": [ "content.js" ] } ]}
Read more