---
title: "Morphing UI states loop"
description: "A looping UI motion study where one shape morphs through states as a cursor clicks and drags."
canonical: "https://potto.ai/ja/videos/morphing-ui-states-loop"
language: "ja"
datePublished: "2026-09-25"
---

# Morphing UI states loop

A looping UI motion study where one shape morphs through states as a cursor clicks and drags.

A single element morphs its size, radius and color while its content swaps with a short blur, driven by a cursor performing real clicks and drags. The scene sits on a light warm-gray canvas with black and white components and one clean UI font, Geist. Springs with a small overshoot animate every change, and the camera zooms so each state fills the frame. The last frame matches the first, closing the loop.

- [機能紹介ループ](https://potto.ai/ja/videos/feature-loop.md)
- demonugc 作
- 長さと比率: 0:14 · 1:1
- 公開日 2026/09/25
- オリジナルを見る: https://x.com/demonugc/status/2103526713208525162

## プロンプト

```text
Dribbble-level UI motion. One shape, never cut: every state is the same element morphing its size, radius and color while its content swaps with a short blur. A cursor drives every change with real clicks and drags. Light warm-gray canvas, black and white components, one clean UI font (Geist). Springs everywhere, a tiny overshoot at most. The camera zooms so each state fills the frame. The last frame is the first frame, so it loops.
```

## Morphing UI states loop のよくある質問

Morphing UI states loop の作り方、プロンプトの内容、そして Potto で同じような 機能紹介ループ 動画を作る方法。

### Morphing UI states loop とは？

Morphing UI states loop は demonugc による 機能紹介ループ のモーショングラフィックス動画です。 A looping UI motion study where one shape morphs through states as a cursor clicks and drags.

### Morphing UI states loop はどう作られましたか？

Morphing UI states loop の作者は使用ツールを公開していません。Potto の 機能紹介ループ に含まれる AI モーショングラフィックス動画です。

### Morphing UI states loop のプロンプトは見られますか？

はい。Morphing UI states loop のプロンプト全文がこのページにあります。コピーするか、「このプロンプトを使う」をクリックして Potto のワークスペースで開いてください。

### Morphing UI states loop の長さとアスペクト比は？

Morphing UI states loop の長さは 0:14、フレームは 1:1 です。

### Potto で Morphing UI states loop のような 機能紹介ループ 動画を作れますか？

はい。「このプロンプトを使う」をクリックすると、Morphing UI states loop のプロンプトが Potto のワークスペースに読み込まれます。Potto が独自のバージョンをレンダリングし、書き出す前に文字とスタイルを変えられます。

### Morphing UI states loop のオリジナルはどこで見られますか？

Morphing UI states loop は作成者が最初に投稿しました。「オリジナルを見る」をクリックすると、その投稿が新しいタブで開きます。

### Morphing UI states loop のような 機能紹介ループ 動画はどこで見つかりますか？

Potto の 機能紹介ループ コレクションを見てください。9 本あり、それぞれにプロンプト、仕様、出典が付いています。