Copy text with HTML tags

About this plugin

How to get started?

Open the plugin and select a text box in your Figma file. Then, watch the text in the plugin window transform into semantically tagged text ready to be copied into your code editor.

Multiple styles supported

Currently the plugin supports bold, italic and underlined text styles. Note: Font weights such as SemiBold and Black will not be picked up as bold by this plugin. 

Plus... line breaks

There is also the ability replace line breaks with the <br> tag.

Only use the tags right for your project

You have the ability to customise your experience - simply select ‘Show options’ and select/deselect the formatting conditions appropriate for your project.

New addition - Color!

You can now get the in-line styling for text colors. Note that this segment of text will be added to a span, and the most common color in the selection will not be considered 'special' and therefore will be ignored.

New addition - Links!

Links will now be surfaced through this plugin, using <a href=""> syntax.

~ ~ ~ ~ ~ ~ ~ ~

☕️ If you love this plugin and would like to support me, you can buy me a coffee at: https://buymeacoffee.com/figmargaux