# 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="https://2081133284-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuU1COYovw7ozuPBXEnzj%2Fuploads%2FA3CgbLr8JH8lj4UjZwGy%2FFrame%201000002115.png?alt=media&#x26;token=16b59c3e-27cf-466f-8cd0-28e160b1604d" 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](https://radius.rangle.io/how-to/laddered-metrics-framework)<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="https://2081133284-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuU1COYovw7ozuPBXEnzj%2Fuploads%2FzC9Z0oJEET70P7U4EsEa%2FRangle%20Design%20System%20Hub.png?alt=media&#x26;token=560cffdf-34f1-4d38-a27d-ba78007f03c8" alt="" width="375"><figcaption><p>Design System Hub</p></figcaption></figure></div>