Hi Framer Team,
I absolute love the Figma to Framer plugin, but there is one missing workflow feature that would be a total game-changer for product designers.
Currently, we have to copy the Desktop layout and manually rebuild the mobile responsiveness (changing stack directions, paddings, etc.) inside Framer. However, many designers (including myself) already design both Desktop and Mobile in Figma using 100% identical layer names and hierarchy, where only styles and stack directions differ.
The Proposal:
It would be amazing to have a "Paste to Map Breakpoint" or "Paste as Responsive Variant" feature on the canvas level.
Workflow:
Copy Desktop from Figma → Paste to Framer Canvas.
Copy Mobile from Figma → Right-click on the Framer Mobile Breakpoint → Select "Paste and Map Styles".
Framer checks the identical layer names and automatically applies the Mobile layout properties as overrides to the existing DOM structure, instead of creating duplicate code.
This would drastically speed up the migration from Figma to Framer and remove the tedious task of re-aligning stacks for mobile layouts.
Would love to hear your thoughts on this!