Now AI is DESIGNING my entire app in minutes...

The Midjourney AI can generate some pretty impressive mobile app user interface concepts. In this video, we see what is involved in taking one of those concepts and converting it into an actual application.

0:00 Introduction
0:30 Using Midjourney
1:42 Using the assets
2:39 Creating a colour palette
2:59 Coding the application
4:28 Difficulties
5:20 Thoughts
7:43 Conclusion

#ionic #angular #ai

[dunthor]

This seems like it would help on the client side. Finding a style slash direction mood boards etc. Clients never know what they want

[raeesg]

Dude thank you for sharing your thought process while doing this, greatly appreciated!

[XFactor]

As an UI designer, I can say that this is only good for the concept and mood board phase, but nothing for the actual exploration and production of UI assets. At least, not in larger projects where you need full control on everything. For small projects, only created by developers, AI assets are a great solution.
But to give you an idea for the UI exploration: Imagine you show the hero asset your client and he says: "Keep it as it is, but remove the brown leafs and make more like a gradient on the big green leafs. Maybe make them a little bit thinner, try it out and let's see how this looks." At this point you don't want to put your AI asset into Midjourney again, adding the client feedback, and praying to God, that you get good results. You have to re-create it in vector tools like Illustrator, Sketch, or Figma to be able to edit every path and hex value. Alternatively, what could be also supporting the manual work, is putting the chosen concept image into Midjourney, ask for single assets, load them into Illustrator, use the "image to vector" function, and cleaning up and adjusting the vectors.

[maskman]

This is fascinating and interesting, in order to build apps with the help of Midjourney, we still have a lot of work to do right, unless chatGPT is able to code for us and integrate images generated by Midjourney, but anyhow, this is very inspiring demo tutorial, thank you very much 🙏

[mrarfarf]

Amazing work! Can you give some more examples of taking mockups and converting them to useable web design or apps, etc. Really interesting

[mfpears]

The random demo apps we see in programming articles are about to look a lot better :)

The crazy thing is this is already usable, and the tech is still improving exponentially. Imagine the disruption the current tech is about to cause. But then what comes in 1-2 years will be even more disruptive.

And just like with the app code you generated last time, what you did involved several steps. It seems easy to write some software to support this specific process. So even if the AI side of things didn't improve, this AI could power some incredible design tools in the near term.

[nick_jacob]

Good tool for getting hero images and web design layouts. I was a graphic artist 10 years ago. I'm not sure how this could affect those kind of jobs honestly. I think a person still needs the knowledge to implement the designs or tweak them and make them work. Might get paid less to do it now though.

[VRDynamite]

Watching this gave me tingles about my future workflow! I find that our minds gravitate and can be polarized by AI design! Interesting to see in the future if we'll come to a point our minds can pin point AI generation or if the tech advances to the point our mind can't tell the difference

[QueeeeenZ]

One issue I see immediately is that the images are not in an SVG format which hurts scaling

[MohammedAbdullah-ggvm]

great
i would like to see more ui like this
i love it

[miketkong]

As a graphic designer, I'm coming to the conclusion more and more that "graphic design" is more of a staff sort of thing—something almost janitorial, mundane even. We designers like to glorify it and act like it's this super creative thing that requires special creativity and charm—and maybe it is, but I almost feel like at this point, for most use cases it's mostly just rehashing the same old ideas in slightly different ways or combinations. It's a chore and I for one am glad to offload it to an AI.

I'm starting to think that the real magic is in creating products and systems and structures that change the world or our experiences in positive and revolutionary ways. It's in being able to execute on those things and orchestrate the support and resources to make it happen.

I love graphic design and I don't want to minimize its importance or the skill and creativity needed to do it well—it really can work wonders, but so much of the work needed to do it isn't creative or charming or magical. It's just shit that needs to get done—like, just give me something that looks professional, fits the vibe, and doesn't get in the way of the actual product or service. People buy because of what's being offered, not because of what color or shape the buy button is or if the icons are flat icons or line art style. SHEESH!!!

[tazhpro]

Hey, thank you! How did you generate the image with LOTS OF icons? What prompt did you use? Thank you!

[diegocuevas]

Will this kill ux/ui? I recently bought into a ux\ui course in order to change careers and up my salary but everything I have been seeing as of late is making me worried I just spent a whole lot of money on something that may be automated reaaaal soon 😢

[KungFuChess]

On the designer side I can see this used to take care of coding to produce working useable prototypes.

[CrisCozy]

I am a iOS dev and this tool is amazing. I believe designers should learn to code.

[GoodlyRogue]

Nice stuff man. The color palette used for this app is something special.

[HymanHarris]

Are there anymore discord AI art generators that are out there right now? I'm looking around and ran into bluewillow and I'm looking around for a few more Have you heard of this one?

[markgeyer]

Moodboard 100%! Apps are more than just one state of an image. They’re a flow of specific screens, interactions, states, and possible animations. In general, a mobile app should follow best practices and patterns of an OS (iOS/Android) in order for the app to have somewhat of a successful UX and pass store acceptance criteria. AI has a while to go before it starts replacing people entirely.

Side note: The apps used in the video are native wrapper apps which, honestly, are great for quick shits but are the minority when it comes to mobile app creation. They have performance issues at scale and are challenging to hire for. Xcode and AS12 are mainly used.

[UpliftmentProperties]

What do you put in to get the icons for the same job that you are working with ?

[omztelriz]

Very interesting I'm definitely going to try this with one of my clients instead of buying assets