GrasprAI: Figma to Webflow site, animations, 5-language Weglot by Roman KukharukGrasprAI: Figma to Webflow site, animations, 5-language Weglot by Roman Kukharuk

GrasprAI: Figma to Webflow site, animations, 5-language Weglot

Portfolio project
Roman Kukharuk
Built the GrasprAI website from scratch in Webflow, based on the client's Figma design. The layout is fully fluid and built on the Finsweet Client-First.
What I did: • Pixel-accurate Figma to Webflow build • Custom animations and interactions across the site • Weglot localization into 5 languages (plus English) • Moved the graspr.ai domain from the old site to the new build • Green-zone PageSpeed scores on desktop and mobile
Weglot language switcher: English + 5 languages
Weglot language switcher: English + 5 languages
Product dashboard preview built in Webflow
The challenge GrasprAI needed a fast, multilingual marketing site, without it falling apart or losing performance. The design was animation-heavy, with a product dashboard preview, interactive sections and six language versions, so keeping PageSpeed in the green was a real constraint. The approach • Fully fluid layout using Finsweet Client-First • Custom GSAP animations, set up so the initial states don’t hurt loading and the page doesn’t jump while it loads. • Weglot localization into English, French, German, Spanish, Italian and Dutch, with a custom language switcher that matches the design. • Domain migration from the old site to the new build, so graspr.ai kept working through the switch.
The result The site went live on graspr.ai with PageSpeed scores of 98 on desktop and 91 on mobile, CLS of 0, and a perfect 100 for SEO. Animations, six languages and a visually rich design all fit within green-zone performance.
PageSpeed: 98 desktop / 91 mobile
PageSpeed: 98 desktop / 91 mobile

0 likes · 3 views · Nov 11, 2026

Figma to Webflow build for GrasprAI via Finsweet: custom animations, 5-language Weglot setup, and 98 desktop / 91 mobile PageSpeed.

Tags