Build complications in Watch Face Studio

Watch Face Studio (WFS) helps you to create and customize watch face complications that display additional information on a watch face.

Complications display data from a data source. This lets you display additional information on your watch face without needing to use extra code.

Add a complication

You add a complication using the Add Component button in WFS. There are six types of complications you can add: short text, monochromatic image, ranged value, long text, small image, and photo image.

complication-type

Figure 1. The complication types and their related icons.

Users of your watch face can set the complication to display any complication data they have access to through the apps installed on their watch. Once a complication is added to your watch face, the related data automatically displays.

See examples of each complication type in the following table:

Type Mandatory properties Optional properties Example
Short text Text Icon
Title
short-text
Monochromatic image Icon bike-icon
Ranged value Value
Min value
Max value
Text
Title
Icon
battery-val
Long text Text Title
Icon
Small image
long-text
Small image Small image small-message-image
Photo image Large image beach-photo

Add a layout

When you create a complication, choose your layout by modifying the layout option in the Complication Preview properties window.

Some complication data might not include optional elements, such as icons or secondary text. Be sure that your complication looks as expected by testing your design on all device preview types, as shown in the following image:

You can select a Default provider as the initial value, as shown in the following image:

Set whether the complication should be editable by the watch user, as shown in the following image. If you select Fixed, the user can't change the complication.

Style your complication

Style your complication's colors and fonts to match the overall design of your watch face.

style-complication style-complication style-complication style-complication style-complication

Figure 2. Test fields for design support.