Figma to Nuxt.js Conversion
Budget: $250 – $750 USD
I have a complete Figma prototype containing more than twenty screens that now needs to come alive inside a Nuxt.js project. Every page must match the design pixel-for-pixel, stay fully responsive, and reproduce the micro-interactions and page-to-page transitions already defined in Figma.
The stack is not negotiable: Nuxt 3, Vuetify for the UI layer, Vue Router for navigation, and Vuex for state management. If you prefer Pinia that’s fine, but be ready to wire everything to Vuex first so I can swap later without breaking anything. SCSS modules are already set up; you only need to follow the existing naming convention.
Because several sequences rely on subtle easing curves and scroll-triggered animations, I’ll supply the Figma Smart Animate timings. Feel free to leverage Nuxt’s page transitions or a lightweight library such as GSAP, as long as the final motion is smooth and GPU-friendly.
Acceptance criteria
• All screens rendered under Nuxt routes exactly as in Figma, on modern desktop and mobile breakpoints.
• Custom animations match Figma timings within ±50 ms.
• Vuetify components themed to the design token file I provide.
• Code lint-clean (ESLint) and pushed to a GitHub repo with clear commits.
• One short Loom walkthrough demonstrating the build and page flow.
If you have shipped production Nuxt apps with Vuetify and custom animation work, let’s talk; links to repos or live sites are appreciated.
The stack is not negotiable: Nuxt 3, Vuetify for the UI layer, Vue Router for navigation, and Vuex for state management. If you prefer Pinia that’s fine, but be ready to wire everything to Vuex first so I can swap later without breaking anything. SCSS modules are already set up; you only need to follow the existing naming convention.
Because several sequences rely on subtle easing curves and scroll-triggered animations, I’ll supply the Figma Smart Animate timings. Feel free to leverage Nuxt’s page transitions or a lightweight library such as GSAP, as long as the final motion is smooth and GPU-friendly.
Acceptance criteria
• All screens rendered under Nuxt routes exactly as in Figma, on modern desktop and mobile breakpoints.
• Custom animations match Figma timings within ±50 ms.
• Vuetify components themed to the design token file I provide.
• Code lint-clean (ESLint) and pushed to a GitHub repo with clear commits.
• One short Loom walkthrough demonstrating the build and page flow.
If you have shipped production Nuxt apps with Vuetify and custom animation work, let’s talk; links to repos or live sites are appreciated.