Hey Bubblers,
I found a possible option to import every Webpage into Bubble.
I am using a workaround with several tools with this.
But it works to 90% accurate.
I did an import (took me 3 minutes) so you can see how the raw file looks alike when you made the copy:
Original: https://www.ottonova.de/wissen
Bubble Copy: http://ottonova.bubbleapps.io/frame_1_1
So how does it work?
You need the following tools:
Sketch (Use 30 Days Trial Download) (https://www.sketch.com/)
Html to Sketch (https://kimdal-hyeong.github.io/html-to-sketch-electron/download-analyst/)
A Free Figma Account (https://www.figma.com/)
Start with opening a new Project with Sketch.
Open Html to Sketch, enter the Domain, and Click on “Draw Page”
The HTML to Sketch will automatically import the Webpage into your opened Sketch File.
Import as many pages as you like in your Sketch File.
When you are done: Save the File in Sketch on your PC
Open your Figma Account and Create an API Key that you later can use in Bubble.
Now just create a new Project.
Upload your Sketch File into Figma.
Important!
Figma does not make automatically Frames out of your pages. So you have to change it with one click.
Change your Sites to “Frames” (Right-click on the left side menu on the folder).
And now just open your new Bubble project, enter the APIs in the Setting and Bubble will import the File.
Now you just have to change some fonts, images and what else you want to change - cause you should not use this to copy paste a competitor - but you can use it as a base to make the same idea better or your current project that is not in Bubble into a fast prototype.
Hope I could help and saves you all a lot of time.
Docs from Figma: https://help.figma.com/hc/en-us/articles/360052378433-Bubble-and-Figma
Docs from Bubble: https://manual.bubble.io/building-a-user-interface/beta-import-from-figma
Let me know when you have ideas to get this 100% accurate.
I <3 Bubble
William
_
My Team is currently developing a Plattform for Designer where they can sell Domains and Websites under their Brand without spending any Dollar by themself! We will Launch 2021. https://www.linkedin.com/in/williamrau/