Hi guys,
I’m wondering how, as a non-devloper, I can make better looking clean design, specifically for repeating groups. It’s just an mvp, so I won’t justify hiring a UI dev (at the moment).
Are there any resources or plugins in which I can accomplish clean looking cards for example for repeating groups showing users data?
Think of something like this:
Just something that’s doable, as I have a dashboard that doesn’t have the best presentation.
Thanks a lot.
Yeah, you can especially when you have a reference UI like this Its’s possible, am open for discussion if you don’t mind, we can work something together
get a free figma template or buy a figma template…inspect the elements in figma and recreate them in the Bubble app
I personally find that @ThomasC2A has done a great job with https://www.nocodable-components.com/
The templates are actually very good and with a bit of knowledge you can easily customize. You can even try it for free (3 components).
Might be worth looking into.
Mike
That’s interesting, does figma contain the same features/structure as bubble for designing elements that would translate well?
Yes. When you inspect Figma files you see the width, height, color, font size etc.
It is very easy.
You can have a look at https://madewithframes.com/ and https://www.basislab.io/. Both are great tools to have a consistent UI design throughout your app. And it’s easy to use
All good recommendations given already.
And to add to that: If you want to learn how to build good looking (responsive and consistent) UI yourself, then @gregjohnkeegan 's Flexcamp is highly recommended: Flexcamp: Master responsive design in Bubble
Thanks everyone for the suggestions. Appreciate it.
Hello everyone, following the valuable tips from my colleagues here, I would like to contribute with one more, the Bubble Essential Kit, created by @renatoasse here in Brazil.
I already use it and recommend it, for those who have difficulty, like me, creating layout and working with screen design, it’s a great help!
It is divided by types of screens, from structures for landing pages, to complete SaaS models, Dashboards, etc.
There is a specific section on Repeating Groups, with several types, including table ones.
Examples of the available layouts, which just copy and paste into your bubble application: Bubble Essential Kit | Repeating Groups (Cards) | #1 Bubble.io Component Library
You could also use a 3rd party service to import your Figma designs into Bubble. I haven’t used one of these services yet but I am interested in giving them a try
Both support Figma to Bubble import
Connect with me:
