Search

Filter

Watch Face Studio 100
Sorry, no results
found for "Watch Face Studio" on the website

tutorials galaxy watch

blog

Design Complications Using Watch Face Studio

watch face studio is a graphic authoring tool that helps you to design watch faces for the wear os smartwatch ecosystem, including galaxy watch4 and galaxy watch5. it is an intuitive graphic tool which allows you to design watch faces without coding. watch face studio includes a notable feature known as a complication. using complications, the user can get a glanceable unit of information for their selected application on their watch face. the complications can display data, such as text, title, image, or icon, which is collected from the applications that provide such information. today, i discuss some complication features in this blog. i design a simple watch face to demonstrate these. for simplicity i add a digital time and a digital date. for complications, i add one short text complication and one ranged value complication. at the end, two different theme colors are applied. you can download this sample design from here and throughout this blog you can follow me. after deploying the watch face on a watch and customizing the complication, the watch face on the real device looks the same as figure 1. figure 1: the watch face demonstrated in this blog getting started to view and deploy the sample design from my blog, watch face studio must be installed on your pc. now , i create a new project and then add basic components for simplicity. i add time and date from digital clock and place them in the center. adding complications as i have said earlier, i use two different complications in this design. to add complications, go to the add component menu on the top middle. from the dropdown menu, add the "short text" complication. for more information about complications, visit this complication document. short text complication first, i add a short text complication. for design purposes, i adjust the complication placement as (x and y) 170 and 45. i leave the dimension and color as it is. however, you can resize the dimension and change the color of the components of the selected complication. now i set the properties of complication settings as follows: complication type: i set it as "editable" so that anyone can customize the complication from their watch. if the type is set as "fixed," then the complication cannot be customized from the watch and it remains the same as what is provided in the design. for example, i choose "sunrise sunset" from the default provider > dropdown menu (see figure 2a). if the default provider is set as > "empty," no complication is displayed in the run window. note : if the default provider is set as "empty," customization from the watch is still possible. complication layout: the layout for this complication is set to the default ("icon + text + title"), but the layout also can be changed to the designer's preference. in figure 2b, the other layout options for the short text complication are displayed. you can find more details about the complication layout from my things to consider when designing complication layouts blog. (a) default provider options (b) layout options figure 2: complication settings ranged value complication now, i add a ranged value complication and adjust the properties as displayed in figure 3. i select the default provider as "watch battery" for this complication. i set the complication type to "fixed" so that the customization from the watch is not possible. figure 3: ranged value properties, "watch battery" is fixed and cannot be changed on the watch for this complication watch face studio gives the opportunity to change the properties for every component of the complication. now, i modify the properties of the progress bar component of the ranged value complication. so, at first, i expand the ranged value complication. an example of this is displayed in figure 4. figure 4: expand the ranged value complication to change the properties, i click on the progress bar under the ranged value complication to display its properties. i change the color of the progress bar by following the steps below: a. click the color box in the color menu. b. select a color from the color picker pop-up window. c. click ok in the color picker pop-up window. figure 5: ranged value progress bar color change figure 6: ranged value complication added i have added two complications in two different positions on the watch face. keep in mind that currently, only one complication can be set in one spot. so only one complication must be set in the same area regardless of normal or always-on-display (aod). for example, i add two same or different complications in the same position. i set one complication for normal mode and another complication for aod mode. now, i can set two different complication providers and test them on the run window for the normal and aod modes. but it is not possible to customize both the complications on the watch as the complications overlap each other. therefore, it is better not to use two complications in one spot. adding a theme color to a complication now, i add two theme colors and apply one of them to the short text complication. the steps to add and apply a color are given below: a. go to the style tab. the tab contains the theme color palette menu to choose the theme color**.** b. add a color by clicking the "+" icon. c. the color picker pop-up window opens. select a color from the available options. d. click ok for confirmation. note : you can add as many colors as required by repeating steps a to d. e. now set the theme color for the short text complication. a "fill with color" icon is present for every selected component. click the fill with color icon for the short text complication title, text, and the icon. f. on the run window, the theme color menu is displayed which contains all the selected theme colors from the style tab. choose any color by selecting the checkbox and view the output in the run preview. g. for the short text complication, the theme color is set and the color for the title, text, and icon is changed. figure 7: add theme color for short text complication note : the theme color can be customized from the watch. theme color on a watch on the watch, i can choose a theme color from the available colors that i had added in the project earlier. the theme color is set on every component of the short text complication. however, in the case of the icon and image of the complication, the theme color is applied after converting the original color to grayscale. this is because we do not know the color that is provided by the complication provider. that is why it is converted into grayscale first, before applying the theme color. so be careful about setting the theme color while designing your watch face, as the icon and image colors may interfere with the theme color. for example, from the watch, if i set a short text complication as "sunrise sunset," the icon color of this complication is orange (for sunset). on the other hand, if i set the complication as "weather," the icon color is white. see figure 8 for better understanding. in figure 8a, the icon color for "sunrise sunset" is orange and this color is provided by the provider. therefore, if i apply the theme color on this icon, the icon color is not the exact same theme color as displayed in figure 8b. in another scenario, the provided icon color is white which is as displayed in figure 8c. in this case, if the theme color is applied on the icon, the color is perfectly changed as the theme color. in figure 8d, this case is displayed. (a) "sunrise sunset" complication icon without theme color (b) "sunrise sunset" complication icon after applying theme color (c) "weather" complication icon without theme color (d) "weather" complication icon after applying theme color figure 8: the icon color interference with the theme color deploying the design and customizing complications as your own our target components are added. to view the watch face featured in this blog, download this file and deploy it to your watch by following these steps: connect your watch to watch face studio. for information about connecting, see connection guideline. deploy the design on your watch using run on device. for more details on connection, visit this test guideline. note : as per faq 12, "debug over bluetooth" is not yet supported in galaxy watches with galaxy wearable. 3. customize the complications on the watch. figure 9: designed watch face on a watch figure 9 displays the customized complications. to learn more about complications, visit watch face complications. conclusion as you can see, using complications, you can get detailed information for the selected application on your watch. personalization is a key feature of galaxy watch. you can continue to enjoy customizing the look of your watch style as you develop your collection of watch faces. resources in the samsung developer forum, you can ask and get help for any issue. this is a very active and friendly community where developers discuss their issues. there are many blogs on different topics, including watch face studio, on the samsung developers site. please visit these galaxy watch tutorials to expand your knowledge about samsung galaxy watch and their special features. if you want to develop watch faces programmatically, you can use android studio. you can do more complex operations using the complication api.

Most Fowziya Akther Houya

https://developer.samsung.com/sdp/blog/en-us/2022/08/17/design-complications-using-watch-face-studio

Learn Code Lab

codelab

Apply gyro effects to a watch face using Watch Face Studio

apply gyro effects to a watch face using watch face studio objective learn how to change the appearance of your watch face as the watch tilts in different directions by applying gyro effects using watch face studio overview watch face studio is a graphical authoring tool that enables you to design watch faces for the wear os smartwatch ecosystem, including galaxy watch4 and newer versions it provides easy and simple features, such as gyro effects, for creating attractive and dynamic watch faces without coding gyro effects are a feature in watch face studio, which uses the watch's gyro sensor to animate or alter the look of watch faces the effects are triggered when the watch is tilted within the -90° to 90° tilt angle range along the x and y axes see illustration below a tilt angle of 0° on both axes indicates that the watch rests on a flat surface the following shows the expected tilt angle values when the watch tilts 90° in different directions direction of tilt tilt angle clockwise along the y-axis or tilt forward y = -90° counterclockwise along the y-axis or tilt backward y = 90° clockwise along the x-axis or tilt to the right x = 90° counterclockwise along the x-axis or tilt to the left x = -90° set up your environment you will need the following watch face studio latest version galaxy watch4 or newer smart watch running on wear os api 30 or higher sample project here is a sample project for you to start coding in this code lab download it and start your learning experience! gyro effects sample project 322 00 kb start your project to load the sample project in watch face studio click open project locate the downloaded file and click open the sample project is a premade watch face design it contains a background image, a digital clock, and a date notein watch face studio, you can add a digital clock component in different formats such as hh, mm, ss, or hh mm ss setting the digital time properties, such as color and dimension, per digit is also possible when you choose a component from variable options the project also contains three ellipses two ellipses with tag expressions in rotate > angle properties to represent the analog time hour and second and one ellipse as the background of the digital hour in the style tab, you can see the watch face's different theme color palettes resize a component when tilted forward or backward as the watch tilts, a component can enlarge or shrink relative to its pivot when applying gyro effects the pivot is the point at the center of the component the component remains at the same position as it gets bigger or smaller select the time background component in properties, you can see that the component's dimension width x height is 100px by 100px select apply gyro to show the properties of gyro effects initially, a component does not resize, move, rotate, or change opacity when you tilt the watch in any direction the gyro effect occurs when you set the changing to properties higher or lower than the default values to resize the component when the watch tilts forward or backward, go to y-axis properties and set the scale width and height to the following 70% for -90° to 0° range 130% for 0° to 90° range in the run pane, you can simulate the rotation of the watch the component enlarges from 100% to 130% as the watch tilts backward and shrinks to 70% as the watch tilts forward notewhen you drag the gyro joystick upward, it simulates the backward rotation of the watch similarly, when you move the joystick downward, it simulates the forward rotation rotate a component when tilted to the left or right in gyro mode, a component can rotate around its pivot when a component rotates, its position remains the same select the digital date component the format of the digital date is a curved text, and its pivot is at the center of the canvas inner pivot x = 225px, inner pivot y = 225px enable gyro effects then, change the rotation angle to -90° for the following tilt angle ranges along the x-axis -90° to 0° 0° to 90° as the watch tilts to the left or right, the date component rotates up to 90° gradually counter-clockwise change the appearance of the background image based on the adjusted tilt angle range range values define how tilted the watch should be for a component to resize, rotate, appear, or move to the maximum value you set for example, when you set the range from 0° to 45° along the x-axis and the scale to 200%, the component will enlarge twice from its original size once the watch reaches the 45° tilt angle to the right select the background image change the opacity of the components to 0° for the following ranges -45° to 0° along the x-axis 0° to 45° along the x-axis -45° to 0° along the y-axis as the watch tilts in any direction other than backward, the background image slowly disappears as it approaches the 45° tilt angle then, for the 0° to 45° range along the y-axis, change the rotation angle to 360° to rotate the background image clockwise as the watch tilts backward test the watch face in the run pane, click the preview watch face icon move the gyro simulator joystick to see how the appearance of time background, digital date, and background image changes to test your watch face on a smartwatch, you need to connect a watch device to the same network as your computer in watch face studio, select run on device select the connected watch device you want to test with if your device is not detected automatically, click scan devices to detect your device or enter its ip address manually by clicking the + button notethe always-on display is already set in the project to run the watch face successfully, you may need to configure its always-on display to avoid any error when you click run on device you’re done! congratulations! you have successfully achieved the goal of this code lab now, you can apply gyro effects using watch face studio to change the appearance of your watch face all by yourself! if you’re having trouble, you may download this file gyro effects complete project 322 02 kb to learn more about watch face studio, visit developer samsung com/watch-face-studio

https://developer.samsung.com/codelab/watch-face-studio/gyro-effects.html

Learn Code Lab

codelab

Customize Flex Window using Good Lock plugin on Watch Face Studio

customize flex window using good lock plugin on watch face studio objective learn to customize a clock face for your flex window using watch face studio's good lock plugin called clockface overview watch face studio wfs is a graphic authoring tool that enables you to create watch faces for wear os smartwatches using good lock plugins, you can also create a cover screen design for galaxy z flip4 and z flip5 wfs good lock plugins enable watch face studio to create customization elements for a specific good lock application good lock is a family of applications that allows users to customize various aspects of their galaxy mobile device, such as the lock screen, home screen, and clock face clockface plugin, one of the good lock plugins, allows you to create clock faces that you can use on a mobile device through the clockface module of good lock app clockface enables users to customize the clock face on their mobile device's lock screen, always on display aod , and cover screen it is part of the good lock family of applications for detailed information, see good lock plugin set up your environment you will need the following watch face studio latest version clockface plugin installation file galaxy z flip5 with good lock app installed clockface module installed within good lock app sample project here is a sample project for this code lab download it and start your learning experience! flex window customization sample project 473 53 kb initial setup from the main menu ☰, choose preferences go to the plugins tab and click the install plugin button you can click the download plugin button to download the installation file locate the installation file and click ok after adding clockface plugin to plugins list install the good lock app in galaxy z flip5 then, download and install the clockface module from good lock app start your project to load the sample project in watch face studio click open project locate the downloaded file, then click open the sample project is a premade watch face design with preloaded images, including a background, trees, clouds, and more it also contains analog hands and a progress bar to represent step count in the style tab, you can see the watch face's different theme color palette you can see other options for background, analog hands, and color when you click the customization editor button noteto learn how to create different watch face designs in one project, see customize styles of a watch face create a rectangular clock face design from a circular watch face the usual shape of a watch face design that you can create in watch face studio is circular using the clockface plugin, you can set the project type as coverscreen, which allows the creation of rectangular designs for galaxy z flip4 and z flip5's cover screen the sample project is a circular watch face to change the design to rectangle click the watch face studio logo to go back to the dashboard click the three dots menu next to the sample project you added to show additional options select create project from enter your project name, keep coverscreen as type, and select galaxy z flip5 for size some features of a watch face design made for a smartwatch, such as showing step count data, might not work for the flex window it is suggested to delete unsupported features when you modify the project after clicking ok in the dialog box, you can now see a new project with a rectangle canvas right-click on the step_count group and choose delete to remove all components related to step count redesign the project for flex window you need to adjust some components of the newly created project to fit with the flex window to do this resize all images as a group select the background group hold down the shift key move the mouse pointer over one of the corner handles, then click and drag the mouse to resize the images or, you can change the dimension's width and height of the background group in the properties tab adjust the x and y placements to reposition the images replace analog hands with digital clock depending on your preference, you can display analog hands or digital clocks on your flex window but for this code lab activity, change the time display with a digital clock remove the time group, which includes analog hands and an index click add component > digital clock > time in text appearance properties, change font type and size edit the tag expression in text field with [hour_1_12_z] [min_z] to only show the current time in 12-hour format and minutes to indicate whether the time is am or pm, add a text component and adjust font type and size in text field, enter the [ampm] tag as value lastly, move the month component anywhere in the canvas and adjust its text appearance display the clock design on flex window to install and display the cover screen design on your flex window, you need to connect the galaxy z flip5 to the computer using usb or wifi in watch face studio, select project > run on device select the connected galaxy z flip5 you want to test with if your device is not detected automatically, click scan devices to see your device or enter its ip address manually by clicking the + button open the good lock app on your device and click the clockface module choose cover screen as clock style and select your clock design choose the edit button to customize the style or tap the check button to apply the design you're done! congratulations! you have successfully achieved the goal of this code lab now, you can customize a clock face for your flex window by yourself! if you face any trouble, you may download this file flex window customization complete project 420 44 kb to learn more about watch face studio, visit developer samsung com/watch-face-studio

https://developer.samsung.com/codelab/watch-face-studio/flex-window-customization.html

Connect Samsung Developer Conference

web

SDC22 | Watch Face Studio's first journey and expectation for next

session wearable, design, android watch face studio's first journey and expectation for next a must-have to create beautiful watch faces! watch face studio (wfs) is now a little over a year old. hear the developers of wsh share the highs and lows of bringing the tool to life and meet the designers responsible for creating the eco watch face. this session is an insight into the year-long journey to create wfs – and the story of where we’re going next. speakers chulheon jeong samsung electronics related video video link video link watch face studio with dark mode create a beautiful watch face that is refined and provides a more comfortable viewing experience in low-light situations. code lab sdc22 apply conditional lines on watch faces learn how to create a watch face that responds to time and notification using conditional lines in watch face studio. 20 mins start sdc22 create a watch face using tag expressions learn how to create a watch face that responds based on the date, time, step count, heart rate, and battery level using tag expressions in watch face studio. 60 mins start

https://developer.samsung.com/conference/sdc22/sessions/watch-face-studios-first-journey-and-expectation-for-next

tutorials galaxy watch

blog

Testing Watch Faces in Remote Test Lab through Watch Face Studio

custom watch faces are a popular way for users to customize their smartwatches. watch face studio (wfs) is a universal gui tool that allows you to design watch faces for wear os devices. it supports various samsung galaxy watch features, such as styles, tags, sensors, and complications. although you can preview your watch face design and many of its features on the emulator included in wfs, some visuals and behavior can be different on a physical device. to ensure your watch face functions correctly on all the latest galaxy watches, remote test lab (rtl) enables you to test your applications on actual samsung galaxy devices without having physical access to them. advantages of testing your watch face in rtl include convenience and cost savings from having access to a range of galaxy watches without having to own them yourself, and the ability to test features that are not supported by the wfs emulator, such as watch face complications and launching applications from them. this article uses a sample watch face with some simple complications to demonstrate how you can make use of rtl to test a watch face created in wfs. the basic steps are to reserve and connect to an rtl device, link it to your computer through remote debug bridge (rdb), and then deploy the watch face to the device from within wfs. figure 1: sample watch face in wfs reserve a galaxy watch on remote test lab because rtl is a virtual credit-based time-limited service, to take full advantage of your credits and allotted time, make sure your project is ready to test before connecting to rtl. to reserve and connect to a remote device on rtl: sign in to the samsung developers website. in the “support” menu, select “remote test lab.” to view the device list, click “get started.” the device list shows all the available devices on rtl. to list the smartwatches only, select “galaxy watch” from the side menu. figure 2: available watches on rtl select the device you want to test the watch face on. select the physical location of the device you want to use and define the duration you want to reserve it for. figure 3: rtl device location and duration selection notereserving rtl devices consumes virtual credits. the cost depends on the duration of your reservation. the number of credits available on your samsung account is shown at the top right of the screen. to earn 10 credits once per day, click the “my credits” text. when you are ready, click “start.” the device launches in a new window. connect the computer to the remote device use the remote debug bridge (rdb) tool to connect the rtl remote device to your computer: from the sidebar of the rtl device window, select “remote debug bridge” and click “connect.” click “download” to download the rdb tool and “ok” to close the dialog. figure 4: rdb download in rtl extract the content of the downloaded file to a folder. run the “rdb.exe” application. a terminal window opens and listens for the rdb connection from the rtl server. figure 5: launching rdb return to the rtl window, select “remote debug bridge,” and click “connect” again. a connection is established between your computer and the rtl device. figure 6: adb connected to remote device through rdb the remote device is now connected to your computer. it responds to android debug bridge (adb) commands, such as “adb devices,” in the same way as if you had connected to a physical device in your possession. for more information on connecting your computer to devices on rtl, see connect to devices on remote test lab using rdb in android studio. noteto ensure adb commands work correctly, you must have adb already installed and added to your path environment variable. adb is included with your wfs installation. to add adb to the “path” environment variable on a windows computer: navigate to “start > control panel > system and security > system > advanced system settings > environment variables.” in the “user variables” section, select “path” and click “edit.” to add a new entry to the list, select “new.” enter the path to the “\tools\window” subfolder of your wfs installation folder, for example, “c:\program files\watchfacestudio\tools\window.” click “ok” and close the dialog. relaunch your terminal window. to add adb to the “path” environment variable on a macos computer: open a terminal window. enter the following command: “export path=$path:/applications/watchfacestudio.app/contents/tools/mac.” if your installation of wfs has a different location or application name, modify the command accordingly. relaunch your terminal window. deploy the watch face to deploy a watch face from wfs to the rtl device: in wfs, open the watch face project. click “run on device” at the top right of the screen. the “connected devices” window appears, listing the available devices. figure 7: remote device in “connected devices” list to deploy the watch face to the remote device, select the device from the list. deployment is complete when the “launch complete” dialog appears in wfs. your watch face is launched on the remote device. figure 8: watch face on the rtl device if the watch face does not launch on the remote device automatically, select it on the watch: to open the watch face menu, press and hold on the watch face home screen. swipe right until you reach the “add watch face” screen or a “+” button. tap the “+” button. to find the watch face that you deployed, scroll to the end of the watch face list. to select the watch face, tap the image of the watch face or the “download” button. figure 9: selecting the watch face test the watch face now you are ready to test the watch face on the rtl device. the following steps demonstrate testing watch face complications. to add a complication to the watch face: to open the watch face menu, press and hold on the watch face. select “customize.” the “styles” screen opens. scroll to the “complications” screen, which shows the available complication slots on the watch face. select a complication slot and confirm allowing the watch face to access watch data. figure 10: customizing complications select the complication you want to add to the watch face. in the following figure, the “chance of rain” and “battery” complications have been added. figure 11: custom complication on watch faces test the watch face in the same way as on a real device. for example, tapping a complication launches the appropriate application. when the battery widget is tapped, the battery application launches on the watch. the wfs emulator does not support this feature, showing only that the “‘complication slot’ is opened.” because the rtl device is a real device, you can observe the actual watch face behavior in real time. figure 12: custom complications on wfs emulator and on rtl device when testing is complete, disconnect rdb by selecting “disconnect” from the “remote debug bridge” menu and close the rtl window to end the rtl session. summary to comprehensively test your watch face, you can easily connect your computer to remote test lab devices and deploy the watch face to it through watch face studio. rtl allows you to test on a wide range of samsung galaxy watches without having physical access to them. because the rtl devices are real devices, you can also test watch face features that are not supported by the emulator. if you have questions or need help with the steps presented in this article, you can share your queries on the samsung developers forum. you can also contact us directly for more specialized support through the samsung developer support portal. additional resources to learn more about watch face studio, watch face complications, and remote test lab, check out the following links: watch face studio user guide design complications using watch face studio connect to devices on remote test lab using rdb in android studio troubleshooting common issues while using the remote test lab service

Mobassir Ahsan

https://developer.samsung.com/sdp/blog/en-us/2023/11/16/testing-watch-faces-in-remote-test-lab-through-watch-face-studio

Connect Samsung Developer Conference

web

SDC23 | What's New and Next in Watch Face Studio 2023

tech session mobile experience, wearable, design, mobile what's new and next in watch face studio 2023 a new watch face format for wear os was released for watch face studio in may 2023, and various new features have been introduced as well. the larger galaxy z flip5 flex window presents a new challenge to the mobile experience. shall we discover it together? speakers changwoo kim samsung electronics related videos video link video link watch face studio with dark mode back to list

https://developer.samsung.com/conference/sdc23/sessions/whats-new-and-next-in-watch-face-studio-2023

tutorials galaxy watch

blog

Connecting Galaxy Watch to Watch Face Studio over Wi-Fi

watch face studio (wfs) is a powerful watch face design tool for wear os-based smartwatches that allows you to test watch faces within the tool. however, since most designers prefer testing their watch faces on real devices, wfs also provides the "run on device" feature that deploys watch face projects directly to real devices. the connectivity policies have changed in wear os 4. this article describes how to connect a galaxy watch running wear os powered by samsung (running wear os 4 or later) to wfs over wi-fi both through the wfs interface and through the command line interface. prerequisites prepare the galaxy watch for connecting to wfs over wi-fi: disable bluetooth on the watch. enable wi-fi on the watch and connect it to the same network as your computer. the wireless network can be through a router or a mobile hotspot.to connect to a wi-fi network, go to settings > connections > wi-fi, check that wi-fi is enabled, and select the network to join. figure 1: wi-fi enabled on watch if you have not already enabled developer mode on the watch, enable it.go to settings > about watch > software information and tap the software version item 5 times. figure 2: software version item you receive a toast notification when developer mode is enabled. the “developer options” menu item now can be found below “about watch” on the “settings” menu. figure 3: “developer options” item in “settings” menu enable adb debugging.in the “developer options” menu, toggle the adb debugging switch on. figure 4: adb debugging enabled enable wireless debugging.in the “developer options” menu, toggle the wireless debugging switch on. figure 5: wireless debugging enabled retrieve the connection ip address and port.when wireless debugging is enabled, a menu item appears with the watch’s ip address and port. make a note of this information, as it is needed to connect the watch to wfs. figure 6: connection ip address and port retrieve the pairing code, ip address, and port.in the “wireless debugging” menu, select pair new device and note the pairing code and port number. you need this information to pair the watch with your computer. figure 7: pairing information you are now ready to connect the watch to the computer over wi-fi. notes although the connection and pairing ip addresses are the same, the port numbers are different. the pairing code and port number can change each time you connect the watch to your computer. use the watch face studio ui to connect your watch to wfs for deploying and testing your watch face: in the top right corner of your project in watch face studio, click run on device figure 8: “run on device” in wfs in the “connected devices” dialog, to add a new device, click the + button. figure 9: adding a device enter the connection and pairing information that you retrieved from the galaxy watch into the appropriate fields. figure 10: connecting galaxy watch using wfs click ok.the watch is added to the list of connected devices and your project can be launched on the watch. figure 11: watch connected to wfs use the command line you can also connect the watch to your watch face studio on your computer through the android debug bridge (adb) command line tool. adb is integrated into wfs, so a separate installation is not needed. to pair and connect the watch and computer over wi-fi using adb shell commands: open the command prompt or terminal on your computer. noteif you are using a windows computer and have not set the adb path environment variable, you must open the command prompt from within the following folder: “<your wfs installation folder>\tools\window.” navigate to the folder in windows explorer, right-click the window, and select open powershell window here. to pair the watch and computer, run the following command with the pairing ip address and port that you retrieved from the watch: adb pair <ip address:port> when prompted, enter the wi-fi pairing code. to connect the watch, run the following command in the terminal with the connection ip address and port that you retrieved from the watch: adb connect <ip address:port> figure 12: pairing and connection through command line in your wfs project, click run on device.the watch is in the list of connected devices and your project can be launched on the watch. summary this article has described how you can pair and connect galaxy watch running wear os 4 or later to watch face studio on your computer wirelessly through wi-fi. after connecting your watch, you can deploy and test your wfs project on the watch. if you have questions about or need help with the information in this article, you can share your queries on the samsung developers forum. for more specialized support, you can contact us through developer support.

Shamima Nasrin

https://developer.samsung.com/sdp/blog/en-us/2023/11/14/connecting-galaxy-watch-to-watch-face-studio-over-wi-fi

Watch Face Studio

doc

Download

watch face studio download we recommend that you use the latest version note the watch face format is required for watch faces to be installed on devices with wear os 5 pre-installed starting july 10, 2024, and for all new watch faces published on google play starting january 27, 2025 learn more about the user-facing changes in this help center article 33 or higher min sdk version is required for all new watch faces published on google play starting january 27, 2025 check min sdk version in publish/diagnosis of 1 7 13 or higher watch face studio watch face studio for windows watch face studio for win 1 8 10 support target sdk 34 345mb apr 14, 2025 watch face studio for win 1 7 13 374mb nov 14, 2024 watch face studio for macos watch face studio for macos 1 8 10 support target sdk 34 426mb apr 14, 2025 watch face studio for macos 1 7 13 454mb nov 14, 2024 watch face studio does not install on macos newer versions of macos include a feature that allows only notarized software to be run on your system you may see one or more of the following messages when you try to install watch face studio on macos “watchfacestudio pkg” cannot be opened because the developer cannot be verified if you see this message, you need to confirm that you want to install watch face studio do the following open system preferences click on the apple logo click on security & privacy from the general tab, under allow apps downloaded from, click open anyway next to the “watchfacestudio pkg was blocked from use because it is not from an identified developer ” a window displays the message “macos cannot verify the developer of watchfacestudio pkg are you sure you want to open it?” click open to install watch face studio “watchfacestudio pkg” can’t be opened because apple cannot check it for malicious software or “watchfacestudio pkg” can’t be opened because it was not downloaded from the app store if you see one of the messages listed above, you need to configure your system to allow it to install watch face studio and then confirm that you want to install watch face studio do the following open system preferences click on the apple logo click on security & privacy from the general tab, under allow apps downloaded from, select app store and identified developers install watch face studio you will see another message, “watchfacestudio pkg cannot be opened because the developer cannot be verified ” follow the steps in the section above for more information, see safely open apps on your mac requirements microsoft windows® 10 or later 64-bit , apple macos® 11 big sur or later 64-bit at least dual-core 2 ghz of cpu at least 2 gb of ram at least 1 gb of free disk space

https://developer.samsung.com/watch-face-studio/download.html

Watch Face Studio

doc

Overview

watch face studio the watch face is one of the most visible ways that users can express themselves on their smartwatches creating a watch face is a great way to showcase your brand for users on wear os watch face studio is a graphic authoring tool that enables you to create watch faces for the wear os smartwatch ecosystem this includes watches like the galaxy watch4, which runs wear os powered by samsung it offers a simple and intuitive way to add images and components, and to configure the watch movement you can also test the watch face on a connected device watch face studio version 1 4 13 or higher supports watch face format designed for wear os you can build watch faces that run on the galaxy watch and other watch devices, with wear os targeting api level 30 and higher

https://developer.samsung.com/watch-face-studio/overview.html

FAQ

doc

FAQ

faq q01 if i create a watch face using watch face studio, is it supported on all wear os watch devices? watch face studio is compatible with all wear os watch devices running api level 30 and higher if you create a watch face in watch face studio, you can use it on all wear os watch devices, regardless of manufacturer however, because of limitations with deprecated apis, your watch face may not be available on devices that are still using deprecated apis the galaxy watch studio serves tizen’s galaxy watch 1, 2, and 3 q02 does watch face studio support all types of watch face shapes, including circular and square? in watch face studio, the watch shape is set to a circle by default to support other watch face shapes, disable the apply circular crop option in the watch face canvas properties when circular crop is disabled, the watch face shape is determined by the user’s device to ensure watch face components display correctly, avoid placing components directly on the edges of the watch face the image can shift on some devices to prevent screen burn-in watch face studio creates a project with a single screen resolution, but the created watch face supports all device resolutions q03 how can i design my watch face to save battery? you can reduce battery usage through the following strategies use darker colors on the watch face make sure the images are fitted to the screen make sure you have removed all unused layers before building the watch face package for more information, see performance tips q04 how can i improve the performance of my watch face? using too many components in your watch face can degrade the performance of the watch face and consume the device battery more to optimize the use of components make sure fewer than 8 complications are visible in both ambient and normal modes make sure there are no hidden layers in either ambient or normal modes q05 how does my watch face work in always-on ambient mode? the second hand is not supported in ambient mode design your watch face to hide the second hand in ambient mode the on-pixel ratio opr varies between device models to find the opr for a specific device, check the device specification to examine the on-pixel performance of your design in ambient mode for various device shapes, in the run preview, select analyze you can also analyze the on-pixel performance for circular devices when you use the run on device and publish features in watch face studio q06 how can i enable users to customize their watch face? to enable watch face customization, define themes and styles for the watch face in the style property window the user can select from the themes and styles you have defined you can define a theme color palette and apply those colors to the component layers you can also implement multiple images for the analog hands, image, multimedia, and index components remember to give each component and style a clear, descriptive name the names appear when the user uses the customize mode to personalize their watch face you can also implement localized component names using text ids for more information, see project settings q07 what is the difference between the step counter tag expressions [sc], [sc_per], and [sc_goal]? the [sc] tag is the measured step count the [sc_goal] tag represents the step goal the user’s step goal can be synchronized from a supported health application, or you can define a step goal for the watch face to configure the step goal for your watch face, in wfs, go to file > project > settings > health the [sc_per] tag is the percentage of the step goal achieved, automatically calculated from the step count and step goal q08 how do i sell my watch face in a region that is not supported by the play store? watch faces can be sold in unsupported countries through the device manufacturer’s own app store for example, watch faces for galaxy watch can be sold through galaxy apps for more information, see galaxy store seller portal different app stores can support different file types for watch faces, such as apk or aab you must create the appropriate watch face package for each store q09 why can't i find the 'enable debugging over the bluetooth' setting in galaxy wearable application on my phone? check that your wearable device supports bluetooth debugging debug over bluetooth is not supported on wear 3 devices for more information, see debug over bluetooth q10 why can’t i use lottie multimedia files on my watch face anymore? lottie files are no longer supported since watch face studio version 1 4 13 you must replace them with animations in a supported format, such as webp or animated gif q11 how does the step goal "sync to device" feature work? the sync to device feature enables your watch face to use the step goal defined by the user on their device’s health application it is supported on watch devices running api level 33 and higher wear 4 and later on wear 3 devices, because sync to device is not supported, the step goal is fixed to 6000 if you want to set a different step goal for wear 3 devices, you must create a separate watch face version for wear 3, disable sync to device, and define the step goal directly q12 why are some heart rate tag expressions and features not supported for my watch face? some tag expressions and features related to measuring heart rate on wear os watch devices running api level 30 are not supported by watch face studio v1 4 13 however, wfs supports synchronizing the measured heart rate value with the value displayed on the screen on wear os watch devices running api level 33 and higher and galaxy watch devices for wear os powered by samsung, the open app feature supports opening the health application to view heart rate information on those devices q13 why can't i group a complication slot with other components or combine multiple complications? in watch face studio, complications must be implemented independently they cannot be grouped with or be part of another element complications can only contain elements within them

https://developer.samsung.com/watch-face-studio/faq.html

Didn’t find what you were looking for?

FAQ

Search frequently asked
questions
by keywords.

Join the Forum

Visit the Forum to ask
questions and exchange
ideas with other developers.

Get Support

Submit a 1:1 Support request
and receive a response
within 2 business days.

Preferences Submitted

You have successfully updated your cookie preferences.