# Meet Quantum Design-to-Code plugin

##### The plugin helps developers connecting the dots between a design in Figma and Quantum development part to quickly implement components with production-ready code. Developers can click any component on the Figma canvas to instantly obtain code that can be seamlessly copied and pasted into their applications.

The plugin also allows designers to get familiar with the translation of components, design elements or individual styles into Quantum-ready code snippets.

Product teams can streamline their Design to Dev hand-off and collaboration by gathering designers and developers around practical and technical materials straight from Figma and encourage them to speak a shared language.

Accuracy and consistency between the designs and code can be finally ensured, try it out!


Watch the plugin demo replay [HERE](https://thalesgroup.sharepoint.com/sites/WW-UserExperienceDesign/SitePages/Quantum-Design-to-Code-plugin.aspx)

More details on the plugin [HERE](https://www.figma.com/community/plugin/1298207046437024099/quantum-design-to-code)

![Plugin.png](https://tdsquantummediastorage.azureedge.net/medias/assets/Plugin_ef894f5f35.png)

Last November, during the Thales Design Day, the Quantum Core team introduced an amazing new feature for Quantum users, a Design-to-Code plugin which converts Figma designs into Quantum code.

Quantum Design-to-Code plugin is out!

Meet Quantum Design-to-Code plugin