DesignCode

DesignCode

Design+Code is your go-to platform for mastering app design and development! Our comprehensive courses on SwiftUI, React, Figma, GPT4, and Midjourney offer step-by-step guidance to help you create stunning and functional apps.

Don't miss out on our latest course launches - subscribe now to stay in the loop.

AI Image Upscaler Figma Plugin License

$20.00

This license unlocks the max resolutions for the AI Image Upscaler Figma Plugin. One-time payment.This plugin uses AI to upscale up to 8X the original resolution. Perfect for a variety of images including avatars, background images, Midjourney renders, marketing images, and designs. Works for JPGs and transparent PNGs.Up to 8X and 4K (Pro required)The AI Image Upscaler makes your images look better even when you make them bigger. It can make images up to 8X bigger or up to 4K resolution without losing quality.Face EnhanceThe Face Enhance feature works on portrait images. It uses AI to find and enhance facial features and remove imperfections.Free for 2X and 2KThis Figma plugin lets you make images 2X bigger and up to 2K resolution for free. The API costs money so it's unrealistic to offer this plugin 100% free.Pro LicenseIf you want to use the 8X upscale and 4K resolution features, you can buy a one-time license.

View Product

Build beautiful apps with GPT4 and Midjourney

$50.00 - $2,000.00

This hands-on course teaches you how to design and code with OpenAI's GPT-4 and Midjourney. The course includes prompts, source code, inspirations, designs, and more. It is perfect for beginners who want to build their own apps with little to no knowledge of the field. I will provide guidance and a starter kit to help you achieve your goals. Time to use your superpowers!You will start with the source files in the Starter Kit. I will gradually add more materials and content as we go.There will be roughly 5 hours of video and 20-40 small topics/lessons.Covers mainly SwiftUI and Web (React). Figma for design.We will build 5-10+ prototypes and app ideas together.Still in active development.Apps made so far for the course:Intro (3 videos available)Shiny Card in React and CSS (5 videos available)Animations in SwiftUI (3 videos available)Effects in SwiftUI (4 videos available)Color matching game in SwiftUIChatGPT app in SwiftUIDiscord Chatbot using PythonAI Image Upscaler Figma PluginAutoGPT Code ProjectAndroid App

View Product

Design and Prototype apps from Midjourney

$50.00

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 CoursePrompts 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.UpdatesThe Figma file along with prompts and comments are available for download.Content so far:1. AI-Driven UI Design with Midjourney and Figma2. Intro to Midjourney3. Smart Home App Design4. AI Image to User Interface5. Buttons and Effects6. AI Illustration to Vector7. Drawing the House8. Drawing the Trees9. Dark Mode10. Light Mode11. Glass Dome in Light Mode12. Animating the UI and Illustration13. Icon Animation14. Swipe Gesture15. Midjourney Web Design16. Web Layout, Wireframes and UI Patterns17. Colors and Gradients18. Typography and Variable Font19. Auto Layout, Constraints and Components20. Midjourney Light Mode and Variants21. Logo Design from Midjourney22. App Icon Repair and Upscaling23. UI Icons24. Notification UI25. Adaptive Layout26. Masonry Card Layout27. Masonry UIExpected to have 32 sections. Please check often to see updates.

View Product