Design and Prototype apps from Midjourney

Hands-on course teaching about all the techniques for turning a Midjourney inspiration into a real working design with interactions in Figma. Perfect for beginners who don't want to master each craft to create stunning designs. This course will cover the following:

Full Course

• Prompts and tricks to get the best renders from Midjourney.

• Translate the concepts efficiently. How does it work? What examples to refer to? How will it be interactive?

• Hands-on lessons about the basics of ux, typography, spacing, colors, icons, illustration, interaction design and getting the best resources to help you turn any complex concept into production-ready designs.

• Get all the Figma design files, Midjourney renders, prototypes for every concept we teach.

• This is a big course with 5 hours of video content!

  • Create 5-10 screen designs and prototypes from scratch.

  • Each design will teach different techniques for mobile and web and will have both the User Interface lesson and the Prototyping lesson.

  • 20-40 lessons / topics. EG: intro to midjourney, turn image to vector, icon animation, etc.

• Design+Code subscribers don't need to purchase as it will be on the site later.

• In active development. See Updates.

Updates

• The Figma file along with prompts and comments are available for download.

• Content so far:

  1. AI-Driven UI Design with Midjourney and Figma

  2. Intro to Midjourney

  3. Smart Home App Design

  4. AI Image to User Interface

  5. Buttons and Effects

  6. AI Illustration to Vector

  7. Drawing the House

  8. Drawing the Trees

  9. Dark Mode

  10. Light Mode

  11. Glass Dome in Light Mode

  12. Animating the UI and Illustration

  13. Icon Animation

  14. Swipe Gesture
  15. Midjourney Web Design

  16. Web Layout, Wireframes and UI Patterns

  17. Colors and Gradients

  18. Typography and Variable Font

  19. Auto Layout, Constraints and Components

  20. Midjourney Light Mode and Variants
  21. Logo Design from Midjourney
  22. App Icon Repair and Upscaling
  23. UI Icons
  24. Notification UI
  25. Adaptive Layout
  26. Masonry Card Layout
  27. Masonry UI

• Expected to have 32 sections. Please check often to see updates.