Back to updates
Enhancement
Integrations

Combo class support for Figma plugin

Copying and pasting from Figma can now automatically create combo classes.

Combo class support for Figma plugin

<p id="">As a fast follow to <a href="<https://webflow.com/feature/improved-class-pasting-behavior-for-figma-plugin>" id="">resolving class duplication</a> when pasting into Webflow, we’ve just launched support for another top requested feature: combo classes support in our <a href="<https://www.figma.com/community/plugin/1164923964214525039/Figma-to-Webflow-(HTML%2C-CSS-and-Website)>" id="">Figma plugin</a>.&nbsp;&nbsp;</p><p id="">To automatically create Webflow combo classes when pasting Figma designs into Webflow, you’ll name your Figma layer so that they contain both the class and the combo class separated by slashes.&nbsp;</p><p id="">‍</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2048px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2048px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d67c_6b75098d.png>" id="" width="auto" height="auto" loading="auto"></div><figcaption id="">Primary Button class and Dark combo class automatically created.</figcaption></figure><p id="">‍</p><p id="">For example, to create a Primary Button class and a Dark combo class, you’d name your Figma layer “Primary Button / Dark” in Figma. Now in Webflow, we have the Primary Button class and the Dark combo class automatically created for us.</p><p id="">This is a great method of easily bringing your Figma designs and overrides into Webflow. By the way, combo class support works with multiple combo classes and <a href="<https://university.webflow.com/lesson/figma-to-webflow-plugin#sharing-styles-between-figma-and-webflow>" id="">special copy paste</a> too!&nbsp;</p><p id="">We hope you’re enjoying our <a href="<https://www.figma.com/community/plugin/1164923964214525039/Figma-to-Webflow-(HTML%2C-CSS-and-Website)>" id="">Figma to Webflow plugin</a>!</p>


Launched on
May 19, 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