1. Overview

Note

This is an overview page. Use the sidebar to navigate to one of the pages mentioned below.

1. Prerequisites

1. Download the osu! skin and Figma project files.
2. Import the skin into osu! and open the skin file directory.
3. Sign up for and install Figma Desktop (recommended).
4. Import the project file into Figma.

2. Explanation

1. Explanation of what's included in the project file.
2. Explanation of which layers can be edited and exported.
3. Explanation of color and effect local styles.

3. Figma

1. Navigating in Figma.
2. Editing elements and properties in Figma.
3. Creating new groups, frames, and elements in Figma.
4. Configuring and exporting elements in Figma.

4. Finding Your Colors

1. Overview of the color palette.
2. Choosing colors and shades using the palette.
3. Applying colors to local styles.

5. Skin.ini

1. Finding and opening skin.ini from the file explorer.
2. Explanation of skin.ini variables and syntax.
3. Editing colors and overlap values.

6. Testing the Skin

1. Applying skin changes in osu!
2. Testing gameplay and looking for problems.

7. Troubleshooting

1. Common problems and fixes.
2. Creating an issue on GitHub.

8. FAQ

1. Common FAQs.