3 Creating a UI from a Figma Design with AI + Coding from a Photo
📘 Homework — Build a UI from a Figma Design
Implement the landing page exactly as shown in the
Figma mockup
— with responsive design for all screen sizes. Use the AI assistant for each task.
Start with structure and design — then add logic and adjustments.
- The page should look great on any screen — from desktop to a 320px-wide phone
- At 320px nothing is cut off, overflows, or overlaps
- Text is readable, buttons are not too small — easy to tap with a finger
- Images and blocks stretch to full screen width, not a fixed size
- Check the layout in developer tools: 320px, 375px, 768px, 1280px, 1920px