export const title = "Untitled UI Figma files"
export const description = "Thanks for the support! Please click these links to access your Untitled UI Figma files."
export const titleParts = "Untitled UI — Figma files"

import Link from "next/link";

<Divider />

## Untitled UI Figma {{ tocOnly:true }}

<h2 id="untitled-ui-figma" className="scroll-mt-20"><Link href="/resources/figma-files#untitled-ui-figma">Untitled UI <span className="text-quaternary">Figma</span></Link></h2>

Untitled UI Figma is the world's largest Figma UI kit and design system.

<div className="not-typography grid grid-cols-1 gap-3 mt-8 lg:grid-cols-2">
    <FileCard type="figma" access="figma" figmaType="variables" title="Untitled UI – PRO VARIABLES (v8.0)" subtitle="Click to duplicate .fig" />
    <FileCard type="figma" access="figma" figmaType="styles" title="Untitled UI – PRO STYLES (v8.0)" subtitle="Click to duplicate .fig" />
    <FileCard type="figma" access="figma" figmaType="lite" title="Untitled UI – PRO LITE (v8.0)" subtitle="Click to duplicate .fig" />
    <FileCard type="zip" access="figma" title="Additional assets" subtitle="Click to download .zip (74.1 MB)" />
</div>

<Divider />

## Untitled UI Icons {{ tocOnly:true }}

<h2 id="untitled-ui-icons" className="scroll-mt-20"><Link href="/resources/figma-files#untitled-ui-icons">Untitled UI <span className="text-quaternary">Icons</span></Link></h2>

4,600+ clean, consistent, and neutral icons crafted specifically for UI design.

<div className="not-typography grid grid-cols-1 gap-3 mt-8 lg:grid-cols-2">
    <FileCard type="figma" access="icons" figmaType="icons" title="Untitled UI Icons – PRO (v1.6)" subtitle="Click to duplicate .fig" />
    <FileCard type="zip" access="icons" title="Additional assets" subtitle="Click to download .zip (18.1 MB)" />

    <div className="lg:col-span-2">
        <FileCard 
            type="npm" 
            access="icons" 
            title="Untitled UI Icons – PRO npm" 
            subtitle={<>Configure your package manager by following our guide <Link href="/docs/icons#untitled-ui-icons-pro" className="font-medium text-primary underline underline-offset-3 decoration-utility-neutral-300 transition duration-100 ease-linear outline-focus-ring hover:decoration-utility-neutral-400 focus-visible:outline-2 focus-visible:outline-offset-2">here</Link>.</>} 
            noAccessSubtitle="Upgrade to Untitled UI Icons PRO to unlock 4,600+ icons across 4 styles." 
        />
    </div>

</div>

<Divider />

<FAQ
    faqs={[
        {
            question: "Which files are included?",
            answer: "**[Untitled UI Figma](https://www.untitledui.com/figma)** PRO includes the PRO VARIABLES, PRO STYLES and PRO LITE Figma files (v8.0) plus a .zip of additional assets. **[Untitled UI Icons](https://www.untitledui.com/icons)** PRO includes the Icons PRO Figma file (v1.6), a .zip of additional assets and access to the private npm package.",
        },
        {
            question: "How do I sign in to my account?",
            answer: "You can [sign in](https://www.untitledui.com/login) using the **same email address** you used to purchase Untitled UI.",
        },
        {
            question: "Why can't I sign in using my email?",
            answer: "Please check your email address for any typos and make sure you're using the **same email address** you used to purchase Untitled UI.\n\nIf you get super stuck, we're here to help via [hello@untitledui.com](mailto:hello@untitledui.com?subject=I%20need%20help%20with%20something). We're a small team, but will get back to you as soon as possible.",
        },
        {
            question: "I've purchased PRO, why can't I access these Figma files?",
            answer: "The Figma files unlock with Untitled UI Figma PRO and the icon files with Untitled UI Icons PRO, either on your own account or through a team seat. Make sure you're [signed in](https://www.untitledui.com/login) with **the same email address** you used to purchase. Files you don't have access to show a lock icon and link to the purchase page instead.",
        },
        {
            question: "Are Figma files included with Untitled UI React?",
            answer: "No, [Untitled UI Figma](https://www.untitledui.com/figma) and [Untitled UI Icons](https://www.untitledui.com/icons) are separate products, so an Untitled UI React license doesn't unlock these files.",
        },
        {
            question: "How do I copy a Figma file into my own Figma account?",
            answer: "While signed in, click a Figma file card. It opens the file's duplicate link in Figma, which copies the file into your own Figma account where you have full edit access.",
        },
        {
            question: "How do I install the PRO icons npm package?",
            answer: "Configure your package manager with your private access token, then install `@untitledui-pro/icons`. Follow the step-by-step guide in the [Icons docs](/react/docs/icons#untitled-ui-icons-pro).",
        },
    ]}
/>