Back to updates
Enhancement
Integrations

Improved class pasting behavior for Figma plugin

We’ve added new copy and paste shortcuts to prevent class duplication and class bloat when moving your designs from Figma to Webflow.

Improved class pasting behavior for Figma plugin

<p id="">We’ve been listening to our community closely since releasing our <a href="<https://webflow.com/figma-to-webflow?utmsource=google&utmmedium=search&utmcampaign=General-Google-Search-FigmaToWebflow&utmterm=kwd-890786784635figma%20to%20webflowe647399052955__ss_paid-bb&gclid=CjwKCAjw8-OhBhB5EiwADyoY1U6t4MR_9Sj3Qx5r4AZqM67H0ZDppxdG_0FrR_qc3uthzeFZvnMKhRoC9gEQAvD_BwE>" id="">Figma plugin</a>, and one of the most requested updates we’ve heard&nbsp;is improvements to class naming when copying and pasting elements from Figma to Webflow.&nbsp;</p><p id="">Previously, copying and pasting from Figma to Webflow duplicated classes each time you pasted, causing the Webflow class system to get out of control pretty quickly.&nbsp;</p><p id="">With today’s release, we’ve given you options for sharing styles between Figma layers and Webflow classes without duplicated classes:&nbsp;</p><p id=""><strong id="">Paste using Webflow classes</strong></p><p id=""><em id="">Command + Shift + V on Mac or&nbsp; Control + Shift + V on Windows</em></p><p id="">For example, if you have a “Button” with a red background in Figma but your “Button” class has a green background in Webflow, this will paste a button with a green background into Webflow.&nbsp;</p><p id=""><strong id="">Paste updating Webflow classes</strong></p><p id=""><em id="">Command + Option + V on Mac or Control + Option + V on Windows&nbsp;</em></p><p id="">For example, if you have a “Button” with a red background in Figma, but your “Button” class has a green background in Webflow, the Button class background color in Webflow will change to red.</p><p id=""><strong id="">Note:</strong> to ensure the copying and pasting works smoothly, you’ll need to give Webflow permission to access your clipboard on the first paste — then refresh your Designer to update the setting before you paste from Figma.</p>


Launched on
April 21, 2023
Category
Integrations

Related updates

Major Figma to Webflow improvements

Major Figma to Webflow improvements

Learn more
Optimize Enterprise data integrations

Optimize Enterprise data integrations

Learn more
Simplified Figma to Webflow Sync

Simplified Figma to Webflow Sync

Learn more
Figma to Webflow improvements

Figma to Webflow improvements

Learn more
Support for Rem and Em units in Figma to Webflow sync

Support for Rem and Em units in Figma to Webflow sync

Learn more
Figma to Webflow App

Figma to Webflow App

Learn more