# Tile Editor

Go to WordsConnect -> Editor -> Tile Editor

<div align="left"><figure><img src="https://2833866240-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjXBqDJjxO8HgWsUBESnx%2Fuploads%2FAYvrBX7rGT4Ws6BCvQRo%2Fimage.png?alt=media&#x26;token=83bc097a-4993-4d67-91db-ff5cef4f669f" alt=""><figcaption></figcaption></figure></div>

Go to Inspector. You will see the Tile Editor

<div align="left"><figure><img src="https://2833866240-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjXBqDJjxO8HgWsUBESnx%2Fuploads%2FA8JV2Zp3m0Hulwq8QNuJ%2Fimage.png?alt=media&#x26;token=5abeb126-c02e-4c3c-97ae-44fee97d0cd2" alt=""><figcaption></figcaption></figure></div>

<table><thead><tr><th width="54.5555419921875"></th><th width="156.88885498046875"></th><th></th></tr></thead><tbody><tr><td>1</td><td>Name</td><td>Set a name for the colored tile.</td></tr><tr><td>2 </td><td>&#x3C;&#x3C;     >></td><td>Switch between all tiles using the arrow keys.</td></tr><tr><td>3</td><td>+    -</td><td>Add / Remove tile</td></tr><tr><td>4</td><td>Icon</td><td>Preview showing all changes</td></tr><tr><td>5</td><td>Face color</td><td>Base color</td></tr><tr><td>6</td><td>Top color</td><td>Highlight color</td></tr><tr><td>7</td><td>Bottom color</td><td>Shadow color</td></tr></tbody></table>

**Method 2**: To open the tile editor, go to **Resources → ColorsTile**.

<div align="left"><figure><img src="https://2833866240-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjXBqDJjxO8HgWsUBESnx%2Fuploads%2FJHtnnRx6tEhky5Bdlbyj%2Fimage.png?alt=media&#x26;token=23924209-37c4-4e95-8e12-1ef3e12df6c4" alt=""><figcaption></figcaption></figure></div>

**Method 3**: Click the colored square in the group or level editor and press **+**

<div align="left"><figure><img src="https://2833866240-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjXBqDJjxO8HgWsUBESnx%2Fuploads%2FxMMtjC5k6iPelCBiuma7%2Fimage.png?alt=media&#x26;token=8fb40756-a5aa-4e1b-8965-d437695bdeab" alt=""><figcaption></figcaption></figure></div>

> #### If you have any questions, please don’t hesitate to contact our support team. We’ll be happy to help and also welcome any suggestions you may have for improving the editor. Thank you!