Viral Hooks
Trending short videosApple design resources website showcase
The edit1 shot · 12 text
Shots Text

Performance

Views
108.1K
Likes
3.6K
Comments
17
Engagement
3.3%

Video #12008 · One Shot

Apple design resources website showcasefrom @figma

[01]

Overview

The video showcases Apple's design resources website, navigating through different UI kits and templates available for download. The cursor clicks on various elements, highlighting the resources available for app design on Apple platforms.

[02]

Simple outline

  1. 1Select UI Kit
  2. 2Open in Figma
  3. 3Add UI elements

[03]

Related videos

2M25.1×List of secret design websites@chromas.lab · Buying List1.2M167.3×Showcasing a premium UI asset library@marcelodesignx · Showcase3.6M611.9×How to use design library@marcelodesignx · Tutorial / How To554.2K103.7×Fixing generic AI web designs.@marcelodesignx · Product Promo690.5K17.6×Creator shares useful design websites@fakeplasticbrands · Tutorial / How To580.6K2.6×Creator breaks down web design trends@deathtostock · Breakdown182.1KAesthetic tour of creative portfolio website@ciaragan · Product Demo5M1601.7×Hook to visual design montage@marcelodesignx · Inspo Lookbook617K3.1×Design personal website from scratch@ciaragan · Journey Documentation216.9K1.3×Analyzing a web design trend@joshfromyolkk · Breakdown549.4K4×Glass effect design tool demo@figma · Product Demo1.4M846.4×Designer shares inspiration website resource@bymelipadi · Actionable Resource

[04]

Classification

Format
One Shot
Concepts
Showcase
Elements
Text OverlayScreen Recording
Account
Brand
Topics
DesignAppTech

[05]

Hook analysis

What stops the scroll in the first 3 seconds

Title hook · 40%

Hello

Visual hook · 60%

Cursor clicking on a 'Hello' button with a red dotted outline on a pink background.

[06]

Hook template

Steal this for your own video

Show a cursor clicking a [simple call-to-action button] outlined with a [high-contrast dotted border] against a [bold solid-color background].

  • — Show a cursor clicking a “Start Free Trial” button outlined with a bright green dotted border against a black background.
  • — Show a cursor clicking a “Download Meal Plan” button outlined with an orange dotted border against a cream background.
  • — Show a cursor clicking a “See Available Homes” button outlined with a blue dotted border against a white background.

[07]

Hook and payoff

The promise the opener makes, and how the video pays it back

Hook

Showcase of available UI kits.

Payoff

A functional watchOS interface design is created.

[08]

Narrative framework

The structural pattern this video runs on

Framework

UI Kit Showcase

Demonstrates the use of Apple's UI kits for designing watchOS interfaces.

  1. 1

    Kit Selection

    User selects a specific UI kit from a resource library.

  2. 2

    Figma Integration

    The selected UI kit is opened within the Figma design environment.

  3. 3

    Canvas Setup

    A blank canvas representing a watchOS device is displayed.

  4. 4

    Element Insertion

    UI elements are added to the canvas to create a watchOS interface.

  5. 5

    Layout Adjustment

    The added UI elements are arranged and resized within the canvas.

Themes

  • design resources
  • UI kits
  • app templates

Techniques

  • screen recording
  • website navigation

Trends

  • UI/UX design
  • design resources

Post caption

watchOS, visionOS, and macOS UI kits just dropped

Text overlays

  • title · beginning

    Hello

  • title · beginning

    Resources

  • contextual · middle

    macOS Tahoe UI Kit

  • contextual · middle

    visionOS 26 UI Kit

  • contextual · middle

    watchOS 26 UI Kit

  • contextual · middle

    iOS and iPadOS 26 App Icon Template

  • contextual · middle

    watchOS 11 UI Kit

  • contextual · middle

    iOS 18 + iPadOS 18 App Icon Template

  • contextual · middle

    Wallet

  • contextual · middle

    TipKit

  • contextual · middle

    watchOS 26

  • call-to-action · middle

    Open in Figma