Apple、開発者やデザイナー向けに「watchOS 26」と「visionOS 26」のUI KitをFigmaで公開。

watchOS 26 and visionOS 26 Figma UI Kit Design
記事内に広告が含まれています。This article contains advertisements.
スポンサーリンク

 Appleが開発者やデザイナー向けに「watchOS 26」と「visionOS 26」のUI KitをFigmaで公開しています。詳細は以下から。

visionOS 26

 Appleは2025年06月に開催したWWDC25で、次期macOS 26 TahoeやiOS/iPadOS 26、tvOS 26、watchOS 26、visionOS 26に柔らかく動きのあるガラスをイメージしたデザインシステム「Liquid Glass」を採用すると発表、iOS/iPadOS 26visionOS 26、watchOS 26のSketch用UI Kitを開発者やデザイナー向けに公開していましたが、現地時間08月20日付けで、新たにFigmaでもwatchOS 26とvisionOS 26のUI Kitが公開されています、

Opt Out Liquid Glass design

Liquid Glass Design

 Figmaで公開されたwatchOS 26のUI Kitは新しいデザインシステムに合わせて全てのコンポーネントがアップデートされ、Liquid Glassマテリアルの追加、ナビゲーションバーにぼかし(Progressive Blur)を実装し、システムカラーもアップデートされているそうです。

Figma UI KIt Change log

Apple’s watchOS 26 UI kit for Figma helps you quickly and easily create highly accurate Apple Watch design comps and user flows. The kit contains components for all common controls, templates, text styles, color styles, materials, and layout guides.

watchOS 26 – Figma

 また、Liquid GlassデザインシステムのベースとなっているvisionOSのUI Kitもシステムカラーやチェックボックスのスタイル、一時通知のスタイルのアップデートなどが行われているので、watchOS/visionOS向けのアプリやモックアップを作成されている方はチェックしてみてください。

visionOS 26 UIKit Updated August 21, 2025

visionOS 26 UIKit Updated August 21, 2025

Figma UI KIt Change log

watchOS v26.0

  • Updated all components for new design system
  • Added Liquid Glass materials
  • Implemented progressive blur for navigation bars
  • Updated system colors
  • Consolidated some controls into single pages
  • Various auto-layout improvements and component simplifications

visionOS v26.0

  • All system colors updated, except pink
  • Checkboxes style updated
  • Temporary Notices style and layout updated
  • Small dropdown button variant added
  • Badge icon size updated

コメント

タイトルとURLをコピーしました