Back to updates
Enhancement
Designer

Quickly duplicate components

Create a new component from an existing one with the new “Duplicate” action in the Components panel.

Quickly duplicate components

<p id="">We’ve made it easier to expand and iterate on your components with the new “Duplicate” action in the Components panel. Instantly create a new component from an existing one without having to unlink first.</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2893px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2893px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/667477046b708e1808b2850bBlogInline3840x2160.png>" loading="lazy" alt="__wf_reserved_inherit" width="auto" height="auto" id=""></div></figure><p id="">The "Duplicate" action simplifies the workflow of creating new components from existing ones, preserving all of your styles, properties, and settings. This is crucial for designers who frequently create components with similar foundational properties, such as varying section layouts or navigation with different links. It's especially valuable for those working with design systems, as it helps maintain consistency while experimenting with new variations.</p><p id="">Duplicating will save time, reduce effort, and let you focus more on design and less on maintenance.</p><p id="">For more information on components, head over to <a href="<https://university.webflow.com/lesson/components>" id="">Webflow University</a>.</p>


Launched on
June 20, 2024
Category
Designer

Related updates

Custom tooltips for component props

Custom tooltips for component props

Learn more
Shared Libraries available on all paid Workspace plans

Shared Libraries available on all paid Workspace plans

Learn more
Introducing Webflow Interactions, powered by GSAP

Introducing Webflow Interactions, powered by GSAP

Learn more
Rename elements and component instances

Rename elements and component instances

Learn more
Advanced variables with functions

Advanced variables with functions

Learn more
See recently modified classes in the style selector

See recently modified classes in the style selector

Learn more