<h2>Overview</h2>
<p>React Figmanpm is a React renderer for Figma, allowing users to utilize React components as a source for their designs. It is compatible with react-native, react-sketchapp, and react-primitives API, offering flexible layouts support with Yoga Layout and features hydration and HMR support. Built on the Figma Plugin API, it is not a code generator but provides a convenient way to integrate React components into Figma designs.</p>
<h2>Features</h2>
<ul>
<li><strong>CircleCI Integration:</strong> Seamless integration with CircleCI for continuous integration.</li>
<li><strong>React Components Usage:</strong> Utilize React components directly in Figma designs.</li>
<li><strong>Compatibility:</strong> Compatible with react-native, react-sketchapp, and react-primitives API.</li>
<li><strong>Flexible Layouts:</strong> Supports flexible layouts with Yoga Layout.</li>
<li><strong>Hydration and HMR Support:</strong> Features hydration and HMR support for convenience.</li>
<li><strong>Built on Figma Plugin API:</strong> Integration and functionality built on the Figma Plugin API.</li>
<li><strong>Community Contributions:</strong> Community-driven project with opportunities for contribution.</li>
</ul>
<h3>Using boilerplate</h3>
<ul>
<li>You can use react-figma-boilerplate for creating your projects.</li>
</ul>
<h3>From scratch</h3>
<ol>
<li>Install it with yarn:</li>
</ol>
<pre><code>yarn add react-figma
</code></pre>
