AI-Driven Figma to React Conversion
Publicada el 2026-07-17
Descripción de la oferta
I need the screens in this Figma file—https://www.figma.com/design/R4wfo5FAA1OGTInnrAZRZz/MachFinance_Design—turned into clean React code. I’ll be relying on you to speed-generate the base markup with Claude Code (or any comparable AI workflow you prefer) and then refine it so it matches the pixel-perfect look of the designs. Scope • Front-end only. No backend, state management libraries, or API wiring—just static React components that reproduce the layouts and styling. • Please follow a standard React folder structure (src/components, src/assets, etc.) so anyone can clone, install, and run with npm start or a simple Vite build. • Every logical section in the design must live in its own file: component.jsx (or .tsx if you like) plus a companion .css or .scss file. Inline styling isn’t acceptable. • I’m not asking for Material-UI, Bootstrap, Chakra UI, or any other design system; simply translate the existing styles exactly as they appear. Deliverables – I will create a Git-ready for the React project. You must upload the codes there – External style sheets (no inline CSS anywhere in the JSX). Acceptance Criteria 1. Visual parity with the Figma mock-ups at common laptop breakpoints. 2. I’m hiring an individual only. PLEASE DON'T BID IF YOU ARE TAKING PROJECT FOR YOU COMPANY. If you’re a solo developer comfortable cycling between AI-generated scaffolding and hand-polished JSX/CSS, this should be straightforward. Let me know how quickly you can have the first page converted so we can move ahead.
Skills
Fuente original: freelancer