Frames 2.0 is live 🎉
Hey there, thanks for hanging on. It’s been a long journey since we launched eight months ago but we are pleased to announce the full community release of Frames 2.0.
Before you dive in
Here’s some quick tips to get you started ✨
1/12
23
23
134
ANNOUNCEMENT
Frames is now live and free to use 🎉
We’d like to support the @bubble community and build a better ecosystem together.
One for the team ⚡️
8
7
84
Super pumped to announce @elibeachy has joined the team. Eli is without a doubt a @bubble OG.
A fun, honest and technical genius 🧠
Eli will bring a wealth of knowledge and experience to help us deliver a far more robust product.
Welcome onboard @elibeachy 👋
9
3
75
Build smarter, faster with Frames @madewithframes ⚡A modular design system for @bubble apps.
A @buildcamp product
madewithframes.com/
✅ Super lightweight interface
✅ Pixel perfect responsive layouts
✅ High end & consistent designs
🎬 🍿
piped.video/RupsxzFE62o
11
7
76
You asked, we deliver
2nd wave 🌊
Next week sees the emergence of 'block' components. Copy to your @bubble app in seconds.
Meticulous designed UI to retain consistency
3
2
50
Frames 3.0 is coming soon, complete with marketing pages and dashboards baked in ✨
#madewithframes
4
2
49
1,000+ installs and climbing fast
To celebrate, let's open another design category up tomorrow 🎉
👀👀🤩
5
2
47
Brand new @bubble heros ✨
✅ Monster drop!!!! 60 pixel-perfect and flexbox ready
Available FREE and to subscribers in @madewithframes
right now
🚀🚀🚀
Preview 👇
madewithframes.com/preview?s…
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem
4
5
41
Breaking 📢
New @bubble upgrades applied / tested / complete ⚡️
All eyes on the bottom right 👀 (blink and you'll miss it)
(T- XXX hours)
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem #twitterdesign
14
7
40
The most invaluable switch you will ever toggle in your @bubble career
⚪️🔵
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem #twitterdesign
4
4
40
In the oven being baked 🧁
🆕 @madewithframes experience
🆕 #flexbox controls
🆕 600+ design elements
✅ Containers
✅ Margins
✅ Padding
✅ Spacing
✅ Min - max
✅ Alignment
✅ Conditions
✅ Responsive
⏰ ETA to be announced next week
#nocode #bubble
4
1
36
New @bubble sections and components snippet
◾️ Application UI
◾️ Data and workflows enabled
◾️ Copy and paste into in seconds
19th Apr
200+ sections and components
2
2
34
3,369
Pre-made layouts baked in ⚡
Designing in @bubble is about to get easier than ever before
#madewithframes
2
1
33
We have officially landed on the @bubble forum 🪂
Please feel free to contribute and share your experience (albeit short) with #madewithframes
❤️
forum.bubble.io/t/frames-a-m…
4
31
Get ready for the show 🍿 😎
Out with the old 🔨 in with the new
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem #twitterdesign
15
3
31
GM all ☀️
Watch @gregoryjohn build a @bubble landing page in minutes using Frames
🎬 🍿 😎
piped.video/watch?v=KMkgJV5H…
4
3
27
How to install @madewithframes
📽️ From zero to hero in 1:29 mins
1⃣ Download the extension
2⃣ Pin to favourites
3⃣ Open the @bubble editor
4⃣ Create a free Frames account
🏆 Subscribe to access all content
piped.video/watch?v=_jwp_IxQ…
#nocode #ui #ux #uidesign #uxdesign
3
2
24
Not just a tool ⚙️ we're your very own:
✅ Product studio and visual library
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem #twitterdesign
5
1
24
Introducing new save feature: Upload your own designs ⚡
We are delighted to introduce save, a ground breaking feature that allows you to upload your designs directly to Frames and without ever leaving the Bubble editor.
1/3
3
2
23
4,766
We've fully remastered our @bubble default font ⚡️
Inter Sans
✅ 100% UI optimised
✅ Sharper render
✅ Crystal quality glyphs
Dropping from 21st 🚀
1
22
The answer on everyone's mind.... ''does Frames work with the new @bubble responsive engine'' 🤔
💯⚡️ #yes
loom.com/share/0e03d970ef674…
1
3
22
New @bubble native components
◾️ Smooth transitions
◾️ Workflows enabled
◾️ Copy and paste in seconds
19th Apr
200+ sections and components
4
20
4,124
Frames 3 is going to give you the power to build 6 figure designs in minutes 💥
✨ Pages
✨ Sections
✨ Dashboard
✨ Save & access designs across apps
✨ Colour variables
✨ Team plans & collaboration
Join us tomorrow on the Frames Masterclass for an exclusive preview 🧐
1
3
20
BREAKING 🚨
Who's ready for a team LIVE event?
@bubble editors and @madewithframes panels open please... this is going to be 🔥
Beers optional 🍻
7
2
19
Get exclusive access to oven ready @bubble #flexbox sections being dropped to all @buildcamp #flexcamp students.
Massive selection > copy and paste ready ⚡️ made by our very own design jedi @jameore
👉 buildcamp.io/flexcamp/1?t=su…
2
3
20
Breaking 🚨
@madewithframes just smashed through 4,000 active users 🚀
To celebrate, let's start to add some flair into the library.
👀
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem #bubble
4
4
19
Name a product where this can happen in under 1 min
#nocode has no boundaries
@madewithframes x @bubble = disruption ⚡️
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem #twitterdesign
Whilst @bubble is the best in class, there are challenges.
1. Responsive behaviour
2. UI design logic
This would have taken me 30mins to craft 👇
I did it in 41 secs ⏰ with @madewithframes 2.0
Reduce your carbon 👣♻️ 😅
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign
1
19
We're under going our scheduled maintenance today during 9am-9pm GMT (London)
Improvements to performance, functionality and UI.
❤️
@jameore @gregoryjohn @elibeachy
2
1
19
New AI Section added to the Library ✨
playground-04
Available in your @bubble app right now.
18
1,800
Breaking 📢
Upgrade instructions to follow...
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem #twitterdesign
5
2
16
✨ Win 12 months subscription ✨
Simply complete the quick survey and be entered into a live draw with 3 lucky winners receiving a full and unlimited 12 months subscription.
Please check your inbox 📬
❤️ @jameore @gregoryjohn @elibeachy
4
3
18
✨ Frames 3.0 Masterclass ✨
@jameore will be giving a sneak peak of the all new #madewithframes this Friday in the @buildcamp community.
⚡️ Pages
⚡️ Dashboards
⚡️ Sections
⚡️ Save & access designs across apps
⚡️ Color variables
⚡️ Team plans & collaboration
Link in bio 🔗
1
17
Master the art of Saas x Frames with @JJEnglert @buildcamp
Early bird seats open 👇
buildcamp.io/presale/saascam…
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem
16
Just 10 spots remaining for the Frames 3 Masterclass 🔥
We're giving you a new superpower for mastering design in @bubble 🦸
Come and see #madewithframes like never before...
We go live at 12pm EST | 5pm BST 👊
1
16
🆕 Pro template GRÖNÖ is now live 🆕
💪 Built with flexbox
🎨 @bubble native color variables baked in
🧨 Dynamic conditionals
📱 Fully mobile responsive
Available to all Pro subscribers of @madewithframes
Upgrade to pro 👇
madewithframes.com
1
16
Another fantastic review/walkthrough by our very good 🇩🇪 friend @nocodechris
Thank you Chris 🙏
(English subtitles available)
piped.video/watch?v=Hj_gSDjX…
14
New AI Section added to the Library ✨
playground-02
Available in your @bubble app right now.
1
1
14
2,021
We're working hard behind the scenes to improve the UX and product delivery.
Currently in development 👇
✅ GRÖNÖ frontend⚡️
✅ Save your own components
✅ Team and studio spaces
✅ Next batch of components
✅ Next batch of pro templates
✅ Improved category structure
1
14
We're starting to rev up the engine. A brand new @madewithframes experience is nearly upon us ✨
What would you like to see in here?
1
1
14
3,287
Breaking 🚨
New panel design, new collections, Figma UI kits & team plans.
👇
We’ve taken onboard lots of feedback regarding Frames UX recently and we are almost ready to showcase our new panel design as a result.
1/6 🧵
2
13
4,902
Multi source file uploader
w/ @jameore x @madewithframes
⚫️⚪️
Created with Frames Builder for @bubble
🔗 madewithframes.com
1
13
1,376
Fresh #UI incoming this week ✨
x100 new frontend sections built to rocket your @bubble sales!
#Design #GraphicDesign #WebDesign #UIUX #ArtDirection #Creative #DigitalArt #MotionGraphics #ProductDesign #UXDesign #VisualDesign #BrandIdentity #UserInterface
1
2
13
3,603
Every successful product is underpinned by a strong brand.
As @madewithframes grows at a pace, here is our new brand assets page that you can use as inspiration/core assets.
Never stand still ✨
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem
2
11
Dynamic sidebar ⚡️
w/ @jameore x @madewithframes
--
Built in under 3mins using the new Frames Builder
🔗 madewithframes.com
2
1
12
1,811
So for now, we’ll keep it there as you’ll no doubt be eager to jump in. We hope Frames continues to go from strength to strength and would be honoured if you continue to support us on this journey.
Much love ❤️
@jameore @gregoryjohn @elibeachy
madewithframes.com
9/12
1
10
GPT-4 components
w/ @jameore x @madewithframes
⚫️⚪️
Created with Frames Builder for @bubble
🔗 madewithframes.com
1
1
12
1,438
Want to see how you can create beautiful looking designs in a matter of minutes?
Join us for the Frames Masterclass on Friday for an exclusive look at Frames 3.0 in action.
#madewithframes
Link in bio 🔗
1
11
Reviews 🌟
Once you have put Frames through its paces we would appreciate it if you could leave a review on our public facing page. We read every single review.
12/12
2
9
Watch our good friend @pabloheredia24 flex @madewithframes ⚡️
cc: @CoCreativeNoCo
1
11
Big shout out to our good friend @CADEBME for this comprehensive walkthrough and live build.
🇫🇷 ❤️
Merci Cadeb
piped.video/watch?v=OeRv84CX…
2
11
Note to all users, as we continue to role out new features our plugin as been renamed:
3.1.0 latest version
1
1
10
Here's @MotionInProduct giving @madewithframes a thorough overview.
💫
Thanks Michael
piped.video/watch?v=gJtpqBOR…
10
Navbar + reporting focus group
w/ @jameore x @madewithframes
⚫️⚪️
Created with Frames BUILDER x Frames LIBRARY
🔗 madewithframes.com
3
1
10
1,589
Inter Sans now baked into the engine
✔️ Re-mastered
✔️ Pixel perfect rendering
✔️ Responsive +/ breakpoints
Mobile / Tablet / Desktop ready
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem #twitterdesign
Never miss a pixel. I've re-mastered the font library for you all.
@madewithframes 2.0 → Mon 13th ⚡️
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem #twitterdesign
1
9
“Design is not just what it looks like and feels like. Design is how it works.”
– Steve Jobs
From Monday, we all go together 💪
From idea to concept in under 10mins ⚡️
I'll show you how to leverage the power of @bubble and become a UI theme developer from Monday.
Earning circa $100K+ annually
✅ No exp req
#nocode #ui #ux #uidesign #uxdesign #uiuxdesign #uikit #wireframe #designsystem #twitterdesign
10
New Template Launch ✨
3 hot out the oven dashboard starter templates available to all Pro Subscribers
✅ Pixel-perfect SaaS UI
✅ Mobile ready
✅ Multi-column grid
✅ Frames icon library
✅ Bonus: floating footer and nested tree nav
Available in Frames now 🔥
1
1
9
2,303
We've landed on @LinkedIn
Join the Frames Community 🌐 and connect with the best #NoCode talent.
We'll be dropping expert advice, stunning visuals and insider knowledge on building a profitable @bubble Saas from scratch.
Let's innovate together ⚡️
🔗 linkedin.com/groups/12897513…
9
1,821
Server upgrade
25th May — 12noon (GMT)
We're making some ongoing and monumental changes to Frames.
To facilitate this we are boosting our server capacity to improve the speed and performance of our product.
When is this happening?
25th May — 12noon (GMT)
Some downtime may occur but will be minimum.
Why is this happening?
This is all part of our commitment to provide the best possible experience as we start to throttle out new and exciting features.
From next week we will be outlining exactly what we are working on and what this means for you.
2
1
9
2,897
Everyone deserves equal opportunities ❤️🌍
In a globally connected world with as much economic disparity as we have, I feel like parity pricing is essential to fairly balance the scales.
It's something I've been wanting to implement in my products and I'm REALLY excited that we have just added it to @madewithframes! 🫶
1
1
8
3,206
Jump in 🔥
Full setup and config 👇
7
Get ready 👯
Who's ready for a bit of GRÖNÖ 💃🕺
Super flexbox baked
Switch color variables to hit your flavour
Dynamic conditionals
Mobile ⟶ desktop ready in seconds
Available to all Pro subscribers of @madewithframes tomorrow 12pm GMT
Join now 👇
madewithframes.com/
8
A behind the scenes look at our new library in action
1k hot new UI components 👀
#madewithframes @madewithframes @bubble
1
8
2,623
Yes they are @ipeenmaa in fact we have a dashboard 'Layout' ready and will drop next week. This can be used as a boiler theme for Frames 🎉
2
7
