Replicate HTML Home in Figma

I have an existing HTML home page and I need it translated into a pixel-perfect Figma file. The Figma version must mirror the HTML layout, colours, typography and spacing exactly, keeping the modern look and feel already in place. All interactive states, sections and assets visible on the site—hero, testimonials, service overviews, buttons, hover effects—should appear in the frame so that my team can hand it straight to developers for any future iterations.

Deliverable:
• A single organised .fig file with properly named layers, auto-layout where appropriate and components for repeating elements.

Acceptance criteria:
• Visual match with the current HTML when both are overlaid at 100 % zoom.
• Text styles and colour variables set up for easy theme changes.
• All images and icons exported or linked at the original resolutions.

If you’re comfortable working from existing code screenshots or the live URL and can turn this around quickly, let’s get started.