> For the complete documentation index, see [llms.txt](https://radius.rangle.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://radius.rangle.io/products/radius-resources.md).

# Radius Resources

## Radius ShadCN Figma Design Kit

{% embed url="<https://www.figma.com/design/Ex9xZaYZzI0RDoAZgpDjyg/NEW-2024%EF%B8%8F-shadcn%2Fui%3A-v1.0>" %}

<figure><img src="/files/TEPPgk3kVERAnIj6wmQt" alt=""><figcaption></figcaption></figure>

## `Legacy` Figma Design Kit

You can find our Design Kit and Productivity Figma Plugins under our Figma Community Page:\
<https://www.figma.com/@rangleio>

## View Source on GitHub

The source of our end to end Radius demo: \
<https://github.com/rangle/radius-monorepo-react>

## Radius Example Website&#x20;

The resulting Next.js example website: \
<https://d1q4gii5u5tk8a.cloudfront.net/>

## Video: Integrating Design & Code

{% embed url="<https://www.youtube.com/watch?t=519s&v=RReePswdvgQ>" %}
Gain a deeper understanding of how design decisions affect development timelines, code quality, user experience, and overall project success.
{% endembed %}

## Laddered Metrics Framework

With the Laddered Metrics Framework, you'll have the tools to demonstrate the value of your design system in quantifiable terms.

[Learn more on the Laddered Metrics Framework site](/how-to/laddered-metrics-framework.md)<br>

### Visit our Design System Hub

Head over to our Design System hub to learn how to fast track your design system

<https://rangle.io/expertise/design-systems>

<div align="left"><figure><img src="/files/l2CT7MY7ECTIbD3iJEl0" alt="" width="375"><figcaption><p>Design System Hub</p></figcaption></figure></div>