Sign In

Figma Design Mockup to Web Page - Live Tutorial

Wed, Mar 15, 2023

1:30 PM UTC (1 hr)

Figma Design Mockup to Web Page - Live Tutorial

Register for Event

By registering you agree to our Privacy Policy and Terms of Service.

In this live tutorial, you’ll learn how to turn a Figma design mockup into a fully functional web page. From slicing graphics to writing HTML and CSS, you’ll see the entire process in action and come away with practical skills for creating beautiful web designs.

  1. Create top-level sections on the page
  2. Set up base-level CSS styles (font size, color, background etc.)
  3. Add content to each section with basic styling
  4. Add detailed styling into each section
  5. Do a final review to ensure everything is perfect
Speaker: Aakash N S