---
title: Guides
description: Step-by-step guides for common tweakcn tasks, from a first edit to a Figma export.
url: https://tweakcn.thally.app/guides/overview
---

# Guides

Step-by-step guides for common tweakcn tasks, from a first edit to a Figma export.

Each guide takes you through one task from start to finish, with real values.
For a short description of each feature, see the [Docs](/introduction) tab.

## Work with themes

#### [Edit a theme](/guides/edit-a-theme)

    Change a preset to your brand colors and install the result.

#### [Generate a theme from a screenshot](/guides/theme-from-screenshot)

    Turn a product screenshot into a theme with AI.

#### [Load the theme fonts](/guides/load-theme-fonts)

    Load the fonts that a theme names.

#### [Preview a theme on your site](/guides/preview-on-your-site)

    See the theme on your own app before you install it.

## Import and export

#### [Import a theme](/guides/import-a-theme)

    Move your app's current theme into tweakcn.

#### [Export a theme](/guides/export-a-theme)

    Copy the theme CSS for Tailwind v4 or v3.

#### [Export to Figma](/guides/export-to-figma)

    Apply the theme to a Figma UI kit.

## Get help

#### [Troubleshooting](/troubleshooting)

    Fix font, URL, and color problems.