Figma Component Mapper

Select a project from the GitLab group to get started

Project

Fetching projects…

Map Figma design sections to your Next.js components

Load existing mapping for

Figma URL

page.tsx path (relative to frontend root)

Page Name

Template Name

Max depth (1–15, higher = more nodes)

▸ Activity log — click to expand

Component Mappings

0 / 0 mapped

✅

Mappings saved to

Can't find it? Enter path manually: