---
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/zh-Hant/videos/morphing-ui-states-loop"
language: "zh-Hant"
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/zh-Hant/videos/feature-loop.md)
- 由 demonugc
- 時長與比例: 0:14 · 1:1
- 發布於 2026年9月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 製作的 功能循環短片 類型 AI 動態圖形影片。 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 Motion Graphics 影片。

### 可以查看 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 支影片，每支都附有提示詞、規格和來源。