# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://radius.rangle.io/products/radius-resources.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.