Apple、FigmaとSketchで公開しているLiquid Glassデザインシステムに対応した「iOS and iPadOS 26 UI Kit」をアップデート。

iOS and iPadOS 26 UI Kit iOS26
iOS and iPadOS 26 UI Kit Changelog
記事内に広告が含まれています。This article contains advertisements.
スポンサーリンク

 AppleがFigmaとSketchで公開しているLiquid Glassデザインシステムに対応した「iOS and iPadOS 26 UI Kit」をアップデートしています。詳細は以下から。

iOS 26

 Appleは2025年07月、世界開発者会議(WWDC25)で新しい柔らかいガラス調のデザインシステムLiquid Glassを採用した次期「macOS 26 Tahoe」「iOS/iPadOS 26」のUI Kitを開発者向けに公開しましたが、08月14日付で、この「iOS and iPadOS 26 UI Kit」をアップデートしています。

iOS and iPadOS 26 UI Kit

New iOS and iPad OS 26 design kit! August 14, 2025
Apple’s iOS and iPadOS 26 UI kit for Figma helps you quickly and easily create highly accurate iPhone and iPad design comps and user flows. The kit contains components for all common controls and views, design templates, text styles, color styles, materials, and layout guides.

Figma (@apple) – Figma

 アップデートされたiOS and iPadOS 26 UI Kitでは、Liquid Glassコンポーネントの外観を変更するための専用変数モード(BG Context)が廃止されるとともに、Liquid Glassを含む全てのコンポーネントがアップデートされ、透明なLiquid Glassコンポーネントの追加、最小化されたタブのタブバーのバリアントなどが追加されているそうです。

Button - Liquid Glass

Button – Liquid Glass

 アップデートされたiOS and iPadOS 26 UI KitはFigmaとSkethで公開されているので、iOS/iPadOS 26対応のアプリを作成されている方はチェックしてみてください。

iOS and iPadOS 26 UI Kit

iOS and iPadOS 26 UI Kit Changelog

August 14, 2025

  • Removed use of a dedicated variable mode (“BG Context”) for changing the appearance of Liquid Glass components
    • All components with Liquid Glass were updated
    • Use the Colors variable mode to make a Liquid Glass component light or dark
    • Please note that the system will dynamically make Liquid Glass components light or dark based on background brightness. For example, a tab bar over a bright background will use its light appearance even if the device is in Dark Mode.
  • Added component for clear Liquid Glass
  • Added tab bar variant for minimized tabs (optionally occurs when scrolling)
  • Fully rounded date and time pickers
  • Minor layout and resizing bugs fixed

Liquid Glassの紹介

コメント

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