In this video we’ll walk through the step-by-step of how to generate a web design using artificial intelligence. From the mockup, to the hero image, to the text, we can generate it all, using free AI tools and design software.
00:00 Intro
00:21 How to Download Figma (Figma.com)
00:28 How to Download Midjourney (Midjourney.com)
00:37 How to use Midjourney ai
01:35 How to Use Figma + Artboard Column Structure
01:53 Type Hierarchy (Type-Scale.com)
02:31 Lorem Ipsum Figma Plugin
02:42 Gradient Background
03:46 AI Generated Hero Image with Midjourney
04:12 Background Remover Figma Plugin
04:22 Drop Shadow
05:32 Generate Copy with ChatGPT AI
06:23 Icon Library Figma Plugin
06:46 Color Contrast Accessibility Figma Plugin
07:25 Glyphs Figma Plugin
07:32 Prototype Animation with Figma
08:41 Final Design!
08:47 Outro
//////
Figma 2023, How Figma free download, Figma free, Free Figma, Figma web design, Artificial intelligence, Midjourney ai, Midjourney ai tutorial, Midjourney tutorial, #midjourney #figmaplugins #figmatutorials #chatgpt3 #chatgpt #chatgptexplained #chatgpttutorial #figmatips #webdesigntips
ai web design, ai web design tutorial, using ai to create a website, ai inspired web design tutorial, graphic design, how to design a website, web design trends