Skip to content

Outfit Editor

Build outfits on a drag-and-drop canvas by adding items, text, backgrounds, colors, and avatars. Arrange, resize, and customize every detail.

In this article:

  • Opening the Outfit Editor
  • Addingitems
  • Addingtext,pictures,backgroundandcolor
  • Adding a virtual avatar
  • Editing and arranging elements
  • Adding outfit details

Opening the Outfit Editor

Open an outfit and tap the pencil icon ✏️.

Outfit Editor - screenshot 1

Adding elements to an outfit

Tap the + icon to add elements to your outfit.

Outfit Editor - screenshot 2

You can add:

  • Combinations— suggested items that match your outfit
  • Items— clothing from your wardrobe
  • Text(Premium)
  • Pictures(Premium)
  • Background
  • Color
  • Virtual Avatar(Premium)

Outfit Editor - screenshot 3

Adding Items

You can add clothing in two ways: Combinations —the app suggests items that match the selected piece in your outfit. Items —select clothing manually from your wardrobe.

Outfit Editor - screenshot 4

Adding text(Premium Feature)

  • Tap“Add Text”
  • Enter your text
  • Choose a font
  • Tap“Add”

Outfit Editor - screenshot 5

After adding text, you can:

  • change the font
  • apply bold or italic styles
  • change text color
  • lock the element

Outfit Editor - screenshot 6

Adding pictures(Premium Feature)

Tap “Add Picture” Choose a source:

  • Camera
  • Photo library
  • Files
  • Website / screenshot

Outfit Editor - screenshot 7

After adding a picture, it becomes an editable element. You can:

  • resize and move it
  • rotate it
  • adjust opacity
  • change layer order (bring forward / send backward)
  • lock or delete it

To edit the image (e.g. remove background), tap the pencil icon.

Outfit Editor - screenshot 8

Adding a background

  • TapAdd Background
  • Select one of the suggested colors
  • or tap theeyedropper iconto open the extended color picker

In the color picker, you can:

  • choose any color manually
  • adjust brightness and saturation
  • enter a color using a HEX code

Outfit Editor - screenshot 9

After adding a background, you can change it at any time using the palette icon 🎨.

The background is treated as an element in your outfit, so you can also:

  • adjust its opacity
  • change its layer order (bring forward or send backward)

Outfit Editor - screenshot 10

Adding color

  • Tap“Add Color”
  • Choose or customize a color
  • TapSave

The color appears as a small block on the canvas.

Outfit Editor - screenshot 11

Unlike background, you can:

  • resize it (e.g. half or part of the canvas)
  • move it freely
  • use it as an accent or base

You can also turn it into a background by enabling Background.

Outfit Editor - screenshot 12

Adding a virtual avatar

  • Tap“Add Virtual Avatar”
  • Choose an existing avatar or upload a new one

Once added, the avatar can be:

  • resized
  • moved
  • change layer order (bring forward / send backward)
  • adjusted in opacity
  • locked or deleted

Outfit Editor - screenshot 13

To select an element:

  • tap it on the canvas
  • or select it from the bottom panel

The selected item is highlighted with a blue outline.

Outfit Editor - screenshot 14

You can:

  • resize elements
  • rotate
  • flip horizontally or vertically
  • adjust opacity
  • change layer order (bring forward / send backward)
  • delete items

Combine and arrange elements to create your own outfit composition.

Outfit Editor - screenshot 15

Additional actions You can also:

  • tap“i”to open the item screen
  • tap thepencil iconto edit the item
  • toggle thegrid iconto show or hide the layout grid
  • double-tap the canvas to zoom
  • tap thequestion mark iconto learn more about the editor
  • tap×to exit without saving

Outfit Editor - screenshot 16

Outfit name Rename your outfit to something meaningful.

Outfit Editor - screenshot 17

Description Use the description field to add notes, ideas, or context. You can also include:

  • hashtags(e.g. #summer #casual #vacation)
  • styling notes or reminders
  • occasions or outfit details

Hashtags help you organize outfits and make them easier to find later.

Outfit Editor - screenshot 18

Visibility Control who can see your outfit:

  • Private— only visible to you
  • Followers— visible to your followers
  • Public— visible to everyone

Outfit Editor - screenshot 19

Weather preferences Enable "Set weather for outfit” to define when this outfit is suitable. You can:

  • set a temperature range
  • use it for smarter outfit suggestions in your calendar

Outfit Editor - screenshot 20

Seasons Select one or multiple seasons the outfit is suitable for. This helps filter and organize your outfits.

Outfit Editor - screenshot 21

Occasions Choose occasions where the outfit fits best. You can select multiple options to better categorize your outfit.

Outfit Editor - screenshot 22

Save changes Tap Save in the top-right corner to save your outfit. To exit without saving, tap × and confirm Discard changes.

Outfit Editor - screenshot 23

FAQ

Q: Are text, pictures, and avatars Premium features?

Yes. Adding text, pictures, and virtual avatars requires Premium. Items and backgrounds are available for all users.

Q: Can I lock elements to prevent accidental movement?

Yes. Select an element and tap the lock icon to keep it in place while editing other parts of your outfit.

Q: How do I change the layering order of items?

Tap an item to select it, then use the bring forward or send backward buttons to adjust its position relative to other items.


Need help?

Contact us at support@getwardrobe.com