Posted by Anoushka Mazumdar – Product Supervisor, and Adam Soutar – Software program Engineer
This put up is a part of Put on OS Highlight Week. Right now, we’re exploring the great world of watch faces.
Create easy no code watch faces or construct complicated ones rapidly with this Figma plugin
We’re thrilled to introduce Watch Face Designer, a brand new design device that may empower everybody, from seasoned designers to passionate fans, to craft watch faces straight in Figma. This Figma plugin works seamlessly on units operating Put on OS 4 or increased. Say goodbye to complicated coding and good day to seamless design!
Watch Face Designer is constructed from the bottom as much as combine with the Watch Face Format for Put on OS. It is not just for designers trying to deliver their visions to life with no single line of code; it is also a robust device for builders who wish to quickly prototype and mock up watch faces earlier than diving into extra intricate performance, corresponding to animations, in Android Studio.

Design on the pace of thought with Watch Face Designer
This preliminary model of Watch Face Designer has loads of options to kickstart your watch face design journey:
- Helps core Watch Face Format options: digital and analog time, interactive and ambient mode, customized fonts, problems, automated theme creation out of your Figma types, and extra.
- Intuitive plugin window: The plugin window supplies a streamlined interface to preview your designs in real-time and effortlessly edit particular person components to help watch face performance.
- Versatile export choices: As soon as your design is full, you possibly can export your design in a number of methods:
- Direct to Play Retailer (really helpful for designers): Publish your watch face on to the Google Play Retailer.
- Export to Android Studio (really helpful for builders) or Watch Face Studio: For builders or these in search of so as to add superior performance, seamlessly export your design to Android Studio or Watch Face Studio to construct upon your basis.
- View on machine: See your watch face come to life in your precise Put on OS machine for a true-to-life preview.

Get began immediately
Prepared to begin designing your subsequent favourite watch face? Head over to the @androiddesign web page on Figma’s Neighborhood tab. There, you possibly can simply set up the Watch Face Designer plugin, discover pattern watch faces, and uncover useful complication templates. We have additionally included a complete overview information that walks you thru the method, from idea to completion.
We won’t wait to see the unbelievable watch faces you may create with Watch Face Designer! Keep tuned for extra updates and thrilling new options coming quickly.