Copy and paste components

Copy and paste components in Figma — with the four heights of help laid out: do it now, make it easier for the next person to accept, work out the right move when you are stuck, and learn the pattern so it stops coming back.

4prompt heights
Open it in the interactive atlas →

The four heights

The same task, four distances: today's deadline, the next reviewer, the stuck moment, the pattern.

Execute — do the immediate task

+
Copy the header, footer, and a reusable card component from the marketing file into the product…
Copy the header, footer, and a reusable card component from the marketing file into the product system and preserve auto-layout, component variants, and text styles. Update instances to use current color and spacing tokens and replace deprecated components before saving to the library. Confirm nothing breaks in three test screens: dashboard, settings, and billing.

Improve — make it easier to accept

+
Before I paste these components into the system library, make it obvious what will cause…
Before I paste these components into the system library, make it obvious what will cause regressions. Surface nested overrides, list local styles that differ from the library, flag instances where text styles will detach, and preview how variants map to existing components so reviewers can sign off fast.

Decide — diagnose the stuck moment

+
I copied the marketing card into the product library and after pasting, variants collapsed and…

Pasted components lost their variants and broke pages

I copied the marketing card into the product library and after pasting, variants collapsed and several pages show broken overrides. The PM will blame the design system for instability and engineers will need a hotfix. I don't know whether the paste detached components, renamed styles, or conflicted with existing tokens. What's most likely and what immediate repair will restore consistency with the least risk?

Become — change the pattern

+
Teams regularly paste new components into the shared library and create hidden style conflicts and…

We keep getting merge conflicts when teams paste components into the library

Teams regularly paste new components into the shared library and create hidden style conflicts and merge headaches. I'm accountable for the design system health and need a sustainable change. What practices, gating checks, and small automation or naming rules should I introduce so teams can add components without breaking the library?

Next to this one

Other interface design work people do in Figma.

Every task here came from the work, not from a feature list — which is why the prompts name what you want done and never the button that does it. The tool changes; the work does not.
Copyright © LLOS.ai · 2026 — original pedagogy, voice, and design — all rights reserved.

The rest of the map

Same library, five ways in.