Anthropic released their latest model Claude 3.7 Sonnet yesterday.
As you can see, the improvement in UI design and output quality is so much better now.
Try it out here: Bubble’s AI Features | Bubble
And don’t forget to drop your comments with screenshots on what the AI make for you! The team wants to hear all your feedback 
Amazing! Can’t wait to try it out 
Is there a way to use Bubble AI to build new features onto an existing app? For example, adding a page to an existing app with new data and workflows.
I just tested it out on a pretty complex design and it pulled it off nicely.
However, why can’t I just do a custom prompt, without having to select a emplate first? “Marketplace” “Dashboard”… these don’t quite cut it for a user home view, for example.
Hey all, just clarifying:
Go to Bubble’s AI Features | Bubble to find the AI prompting box
Now that you are in the beta you’ll see this in your dashboard to create more AI-generated apps in the future:
so @myjourney I think you are using the AI-templates, not our new Bubble AI, correct? Try the steps I mentioned here.
Giosegar, this is the next goal for the team: to bring AI to every part of the editor so it can be used with existing apps, or to continue prompting functionality for new apps
Excited for this. I would love to prompt it to build a new page, popup, etc. using my design style from the app
Try going to: https://bubble.io/ai-features
Can’t lie the UI is looking nice; is it responsive at all?
Yea the end result is impressively responsive, even the menu changes to a hamburger menu on mobile.
Great…now the next task, make the AI compare two pages and update the design in one page to match the design in another. This will make it so the non functional import from Figma is not much of an issue.
If I can use AI to generate a nice looking layout, but I already have an existing application with all functionality working and I want a quick updated look, we should be able to ask AI for a new look by checking our existing page, then suggesting different layouts, and once we select one, it will update the existing app page with new selected layout keeping all functionality in tact.
Additionally, it should be able to accept the URL of a non Bubble app and scan the HTML and CSS and attempt a replica or an ‘inspired by’ design based on the provided link.
This will make iterating designs faster and easier and make A/B testing even easier.
Transparency around the models you’re using is great.
Claude is extremely good at front end design but badly hallucinates on anything Bubble-related when it comes to databases, workflows, conditions, etc. Here, OpenAI is far superior. You guys might want to use o1 or o3-mini-high for backend stuff.
I am wondering how Claude can recognize Bubble’s code. I thought it couldn’t do it as well as plain traditional code, and that was why Lovable / Bolt.new was much more precise and successful with their AI dev stack.
Bubbles engine / app is json based. AI is very good at generating json. It just needs a schema and a validator. If Bubble would release that, we could start making a lot more cool stuff!
If only they would begin to trust the community and free up their resources to ensure stability and performance.
Not about trust. Its about priorities. I think for now doing it themself first is a good way of mooving forward. The json is very complex and might need a lot of trail error to make it validate correctly. Speaking as a dev myself.
Nice improvements. Wondering if AI can also help in structuring the naming of elements and later on also the naming of workflows? This would be a huge thing. I recall there was a guy here on the forum who asked if this would be a thing we developers need. And ever since I keep thinking how huge of a help this would be. Naming is crazy annoying these days (especially when using copy&paste)…
this is a good start - although I think the more useful implementation of AI would be as agents throughout the existing bubble functions. there are already many ai page builders and they are great page builders so I don’t see much need for yet another one.
sure it saves building the page in bubble (kind of - I still find I need to edit it a lot!) but what would be more impactful would be ai agents that made clunky parts of the bubble app much easier to use:
… I could go on.
There are so many quicker, easier, more impactful wins for AI that bubble could focus on. an AI page builder is well served by so many other AI providers already and a super competitive space.
some very simple ai agents throughout the bubble app could have a much greater impact on app development speed and ease of dev.
@fede.bubble we need the ability to generate individual components. Thank you!
