Android Builders Weblog: A complete workflow from design to machine: Introducing Watch Face Designer

0
6
Android Builders Weblog: A complete workflow from design to machine: Introducing Watch Face Designer



Android Builders Weblog: A complete workflow from design to machine: Introducing Watch Face Designer

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.

screenshot showing a recreation of the Concentric watch face alongside the Watch Face Designer UI

A screenshot exhibiting a recreation of the Concentric watch face alongside the Watch Face Designer UI

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.
        • screenshot showing the Watch Face Designer UI with a list of export options

          The Watch Face Designer UI displaying a listing of export choices

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.


LEAVE A REPLY

Please enter your comment!
Please enter your name here