Watchface Builder for Garmin

Watchface Builder for Garmin

Premium

Version 7.1.0

  • Updated: line goal, arc goal, and rotating hand goal
  • Added: dynamic location for widgets (WIP, more coming)
  • Added: line segment, arc segment, image layer
  • Changed: top menu bar
  • Fixed: bugs
  1. When you want to add a goal field, first, select the shape from goal menu, then you can select a preset (like steps, battery, floor, etc.), it will update the necessary data fields for value, min, and max fields.
  2. Dynamic objects
    • Line: you can set the line’s color, length, width, angle, and position, based on the value from watch’s datafield, or a static value. The line will not be merged to background with other static objects. So you can set the layer’s order to make it visible on top of another object.
    • Arc/Circle: you can control radius, line width, stroke color, fill color, angles, and position, based on a value from watch’s datafield, or a static value.
    • Image: you can control image’s position, based on the value from watch’s datafield. Use this one to replace layer mask image. This should save a little bit of watch’s memory.
  3. Static objects: basic shape, text, image, and other shapes are moved here

Version 7.0.0

  • Added: grid lines
  • Added: remove color button
  • Added: triangle shape indicator for arc goal field
  • Changed: one coordinate system
  • Fixed: too many to list

You can now toggle the grid lines in the status bar:

All color input box has an eraser button. When you click it, the widget will either draw itself with a transparent color or be skip (without drawing).

Arc goal field has a triangle indicator

it will render the widget like this:

You can use this instead to replace the point goal field in case you have 256 images limit error.

Version 6.0.0

  • Added: Layers supported for multiple power modes
  • Added: Design for a screen size, not for just one specify device
  • To-do: DND mode (not working yet)
  • Fixed: goal field indicator
  • Fixed: bunch bugs

Screen size

Your design is starting from picking device’s screen size now.

Your design should work for all devices with the same screen size.

Widget section

On the left side widgets section, the first row is the power mode selector, click one of them will toggle the visibility of widgets in canvas:

  1. All: canvas will show all widgets in your design
  2. High: canvas will show all widgets which are only visible in high power mode
  3. Low or AOD: canvas will show all widgets which are only visible in low power mode. (When your device has always-on function, it will be AOD, otherwise it will be Low)
  4. DND: (not working yet)

The name of widget can be changed by clicking the text on the widget’s header section:

Each widget has three visibility controls:

If you want to hide the widget in certain power mode, check the checkbox.

When a widget is selected, the name of the widget, as well as the size will be displayed in the status bar

If you uncheck “snapping” on the status bar, when moving a widget, it will not auto-align with other widgets. The string in front of “snapping” is the screen size for your design.

There are more changes. If you have any issue, please post it on the reddit forum.

Version 5.2.2

  • Updated: Pointer Goal
  • Added: Line Shape Goal
  • Added: Arc Shape Goal

For pointer goal field, you can drag the rotating control pointer to set the starting angle.

For all above three goal fields, you can specify three data fields: one for the “from” value, one for the “to” value, and one for the “current” value.

For example, you can select:

  • “from” value as a fixed number “0”
  • “to” value as the “Step Goal” datafield
  • “current” value as the “Step” datafield

Then you basically have the step goal field.

To build a pointer goal field, on top of selecting three datafields, you can also select a pointer (like an analog hand). Then the pointer will rotate based on the “current” value between “from” and “to” values.

Version 5.2.1

  • Added: data fields for Connect IQ System 5 SDK

System 5 has all new access to device metrics including:

APIDescription
ActivityMonitor.Info.respirationRateGet the current respiration value
ActivityMonitor.Info.timeToRecoveryGet the current time to recovery
SensorHistory.getBodyBatteryHistory()Get device Body Battery history
SensorHistory.getStressHistory()Get device stress history
System.Stats.batteryInDaysGet the amount of battery remaining in days
UserProfile.Profile.vo2MaxRunningGet the user’s running VO2 Max
UserProfile.Profile.vo2MaxCyclingGet the user’s cycling VO2 Max
UserProfile.getUserActivityHistory()*Get an iterator of the user’s past activities
Weather.getSunrise() Get the sunrise time for a location
Weather.getSunset() Get the sunset time for a location
* doesn’t work in my simulator and my beta version of firmware.

Supported Devices

Connect IQ System 5 has rolled out on a number of devices with more coming:

Now AvailablePublic Beta AvailableComing Soon
Forerunner® 245 Series
Forerunner® 745
Forerunner® 945
Forerunner® 945 LTE
Venu® Series
Venu® 2 Series
Venu® 2 Plus Series
Vivoactive 4 Series
epixTM (gen 2)
fēnix® 5 Plus Series
fēnix® 6 Series
fēnix® 7 Series
Instinct® 2 Series
MARQ® Series
quatix® 6
tactix® 6
Venu® Sq Series

Version 5.2.0

  • Added: rotating pointer between two datafields
  • Added: custom datafield
  • Added: no color quantization for SVG file
  • Fixed: a bug when open design with text of google font

check this demo for both additions (rotating pointer and custom datafield): Garmin Watchface Online Builder – Creating your own watchface app for garmin device without coding (watchfacebuilder.com)

To add a new custom datafield,

  • open datafield window, scroll all the way down to the bottom, select “Custom code” datafield.
  • In the left widget section, paste the monkey C codes in the data field. (the monkey c codes will need to return a text value)
  • Builder will display the return value on the screen.