Looking for easy ways to export SVGs from Figma as JSX components?

Here are 2 no-brainer options.

Option 1: Copy as SVG + Paste to svg2jsx

This method does not require installing any additonal plugins.

It's the easiest way to convert Figma SVGs to React components.

  1. Right-click on the element in Figma.
  2. Select Copy/Paste as Copy as SVG from the context menu.
  3. Go to svg2jsx.com.
  4. Paste the copied SVG code into the left panel.

Option 2: Use a Figma plugin

There are several Figma plugins that can export SVGs as React components.

Here are some of the best ones: