> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dynamic.xyz/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Figma Designs

<Card title="Recommended: JavaScript SDK with React Hooks" icon="react" color="#4779FE">
  For new React apps, we recommend the JavaScript SDK with React Hooks (`@dynamic-labs-sdk/react-hooks`) instead of the legacy React SDK documented here. The JS SDK comes with many benefits such as a much smaller bundle size and other optimizations. Use the [React quickstart (JavaScript SDK)](/javascript/reference/react-quickstart) to get started.
</Card>

<Frame>
  <img src="https://mintcdn.com/dynamic-docs/Mu-tjFQVUvR9RrdN/images/headers/figma.png?fit=max&auto=format&n=Mu-tjFQVUvR9RrdN&q=85&s=dc9a1d20f8df779427e9e1ef865b88fd" alt="Design System" width="3840" height="2160" data-path="images/headers/figma.png" />
</Frame>

<Tip>
  Our design team has made the main SDK designs for the widget available in Figma Community. You can access them [here](https://www.figma.com/community/file/1495178793876873854) to plug it into your own flows!
</Tip>