– So not long ago, I discovered a pretty neat tool that’s able to generate interfaces for you. So user interfaces like the ones you see right here. So I’ve got this landing page, you’ve got this other landing page for realty, right? And here’s another of, called Mindful Note,
And these are all generated based on texts. (electric buzzing) So not just landing pages, you can pretty much create user interfaces for web or mobile. This one is a Performance Dashboard that you can generate to, and here’s a mobile version of an Edit Profile page that you can instantly generate.
So in this video, I’m gonna show you the exact tool that you can use to turn text into user interfaces. (air whooshing) Okay, the tool is called Galileo and you can sign-up for free and receive about 200 credits to generate these user interfaces. So although it is free to try,
They do have paid plans. With the free option, you’re given 200 credits per month. This gives you equivalent to about 20 design generations and edits. Whereas with the Standard plan, you get a 1,200 credits per month. That’s equivalent to about 120 design generations. So that’s just something to note before you get started.
It’s not completely free, and I know some of you are like, “Oh, this tool is not free. You said it’s free, but it’s not that,” you know, most tools have that free kind of freemium option with options to upgrade. So no kinda software can survive otherwise without support from our support.
So how it works is, (paper rustling) after you’ve signed up, what you can do is use its Text to UI tool, create a New Design, and this may all look familiar, because it kinda looks like ChatGPT and other AI tools that generate different things like images and videos.
(electric buzzing) How it works is you click on New Design, you describe what design you want. Let’s say you want a landing page for a clothing brand that’s clean and simple. Choose whether you want the tool to generate Mobile or Web or just click Web. And then you can only select Public,
Because you’re only on a free plan. If you do wanna keep it private so that only you can see the image generations, then make sure you upgrade. But we’ll click on Generate. And what Galileo will do is work on the design, come up with a few variations.
This will roughly take a minute or two. And while our Galileo has produced three different designs, you can click on each one to expand it and see what it looks like. Pretty good. I mean, take a look at some of the features. We’ve got the navigation, the hero picture right there,
Some featured images and products. So it’s a good way to create that foundation before you start editing or start designing your main design, whether you’re a designer, a marketer or whatnot, or if you’re just playing around and getting some inspiration, getting some ideas along. (air whooshing) Here’s another version.
We’ve got this with different feature boxes. Here’s another as well. In addition to what it produces, if you scroll down, you can see what the variants are. So Variant 1, it’s a landing page with a full-width hero image carousel. All right, and it explains and describes what else it produced
So that you have an idea of what it actually came up with. You know what the AI came up with. Below the images, you’ll see this right here, where you can change the appearance. So going from Light to Dark, different colour themes, or you can choose a custom one,
Changing the corner radius of the elements, how sharp or how rounded or curved you want it. Also, the ability to change the different fonts of the body and the headings. You can also change the theme right there to also Light or Dark, different colours, different shades. (air whooshing) To give you an idea,
Let’s go ahead and switch it to dark mode. Apply the theme, which will take another 30 seconds or so. And here, we’ve got the dark themes going on. In addition to everything I’ve mentioned, what you can do is simply copy the interface that you see or the one that you like.
Let’s say we like this third version. We can click on Figma, that’ll copy the design to your clipboard. Head to Figma, I created a new project here, and then I’ll just do a paste from my keyboard. And voila, we don’t have to start from scratch.
We don’t have to put in all the elements, the images, the texts, everything’s done. And now I can simply work with this for my clients or for my own projects. As you can see, I can click on it. I can also edit different elements and texts. As you can see right here,
All the layers I included. Going back, you can edit a specific variant. Let’s say you like this one, but you want to specify something else and have it more detailed or have something show up like adding a section of similar products or remove a particular button or text from the area.
It’s all based on text as opposed to manually designing it all yourself. (air whooshing) In this example here, I wanted Galileo to generate a landing page for productivity software. Blue theme. As you can see, it’s applied it, it’s got that the blue accents going on, and here’s what we’ve got, right?
So three different versions, and of course, and a description of each variant. Here, I wanted Galileo to produce customer dashboards showing E-commerce sales. So again, if I don’t wanna design this from scratch, I can easily just take one of these. Let’s say this one here, we’ve got recent transactions, top selling products.
Pretty cool. And this is something I envision, let’s say for my future products or whatnot. Simply copy, and then once again, I can copy the design to Figma, paste it over. However, on that note, there is a little caveat. So if you’re on the free plan,
There is a limit in terms of how many times you can copy a design using the Figma tool. As you can see here on the free plan, you can only do it three times. So three Figma exports, whereas on the pay plan, you get Unlimited Figma exports.
(air whooshing) So Galileo can come handy, especially if you wanna spark some design ideas and if your creative juices just isn’t flowing today, you can go ahead, use Galileo, and then even check out some of the ones that the users in the Explore page have generated. So you can see some here.
And just like most AI kind of conversion user generated tools work, it all depends on how you engineer or prompt engineer that actual prompt, right? So if you’re more descriptive, perhaps, you will get a better result. (electric buzzing) You can see this example here, “Design the ‘above the fold’ area
For a desktop online shop’s homepage, specifically catering to high-fidelity audio enthusiasts.” So right there, really good prop, really descriptive. And in the end, he’s got something that’s quite unique, right? So we’ve got all this going on. So it’s not only the user interfaces that you can see,
You can actually see the text prompts that the users have entered into Galileo in order to produce what you see here. And that’s how you can quickly and easily generate user interfaces within an instant using AI. If this video was helpful, by all means, give this video a thumbs up
And I’m looking forward to sharing the next training with you. Thanks so much for watching, and do take care.
#Tool #Converts #Text #Design #Interfaces #Seconds
For More Interesting Article Visit : https://mycyberbase.com/
