From the course: Introduction to Multimodal Prompting for Generative AI

Unlock the full course today

Join today to access over 24,800 courses taught by industry experts.

Solution: Drawing to code

Solution: Drawing to code

From the course: Introduction to Multimodal Prompting for Generative AI

Start my 1-month free trial Buy for my team

Solution: Drawing to code

“

(upbeat music) - [Instructor] The goal of this challenge was to turn a drawing into some code. And for this one, I went ahead and drew out a wireframe for an AI-powered time management app. Then I captured that wireframe using my phone's camera. Now it's time to put multimodality to work by turning this wireframe into a page. So, here I am in the ChatGPT interface and I'll make sure I have GPT-4o selected. Now I'm going to go ahead and drag this image and I'll type in my prompt. You are a senior (keyboard clicking) front-end developer specializing in responsive web applications. Generate a single HTML file with a responsive interface based on this wireframe. The design should suit Silicon Valley's hottest startup. Make sure to include the CSS rules in index.html. Use animations to make the page more engaging. Okay, so now I'm going to go through this code just to make sure that I understand it before I go ahead and run it and it looks okay. Great! Now I'll copy the code, I'll paste it…

Contents