Figma's code layers make interactive React components behave like objects on its design canvas. They can be moved, resized, nested, and compared side by side. Its engineering account explains that duplicating a code layer creates a separate copy of its source, allowing a designer to experiment with one version independently.
Properties defined in code can also appear as visual controls such as sliders or switches. Together, these choices let teams explore variations in working interactions through familiar canvas operations, while retaining direct access to the code that implements them.
