Lottie Creator MCP

chính thức

Lottie Creator MCP tích hợp trợ lý AI trực tiếp vào quy trình làm hoạt ảnh của bạn — cho phép nó truy cập đầy đủ vào LottieFiles Creator để xây dựng và chỉnh sửa hoạt ảnh Lottie thay mặt bạn thông qua ngôn ngữ tự nhiên.

Xem trên lottie.link

Bạn có thể làm gì với Lottie Creator MCP?

Create animations from scratch — describe an animation like a loading spinner or character motion and the AI builds it in Lottie Creator layer by layer.
Edit existing animations — ask the AI to change colors, adjust timing, swap easing curves, rename layers, or refactor a scene using the current file state.
Batch generate animation variants — produce multiple versions at once, such as dark/light themes, different sizes, or brand color variations.
Inspect animations for accessibility and brand — request analysis for contrast issues, motion speed, color consistency, or brand alignment, then apply fixes.
Manage scenes and layers — create and switch scenes, set visibility and blend modes, apply masks and mattes, and animate transforms like position, rotation, and scale.
Animate with keyframes and easing — add, read, or remove keyframes on properties such as opacity, color, and path, and set linear or cubic-bezier easing.

Tài liệu

Lottie Creator MCP

undefined

Lottie Creator MCP

Lottie Creator MCP đưa trợ lý AI của bạn trực tiếp vào quy trình làm việc với hoạt ảnh — cấp cho nó toàn quyền truy cập vào LottieFiles Creator để nó có thể xây dựng và chỉnh sửa hoạt ảnh Lottie thay mặt bạn thông qua ngôn ngữ tự nhiên. Bạn có thể xem phần cài đặt ở bên dưới.

Máy chủ MCP là một phần của giao diện chuẩn hóa cho phép các tác nhân AI tương tác với nguồn dữ liệu bằng Model Context Protocol. Lottie Creator MCP kết nối các trợ lý AI như Claude, Cursor và Windsurf với API Creator thông qua một cầu nối cục bộ — nghĩa là AI của bạn có cùng quyền truy cập đầy đủ vào Creator như bạn.

Khi bật MCP, bạn có thể:

✦ Tạo hoạt ảnh từ đầu

Mô tả những gì bạn muốn — một vòng xoay tải, thanh tiến trình, hoạt ảnh nhân vật — và AI của bạn sẽ xây dựng trực tiếp trong Creator, từng lớp một.

✦ Chỉnh sửa và sửa đổi hoạt ảnh hiện có

Thay đổi màu sắc, điều chỉnh thời gian, hoán đổi đường cong easing, đổi tên lớp hoặc tái cấu trúc toàn bộ cảnh. AI của bạn đọc trạng thái hiện tại của tệp và chỉnh sửa theo thời gian thực.

✦ Tạo hàng loạt biến thể hoạt ảnh

Tự động tạo nhiều phiên bản của một hoạt ảnh cùng lúc — chủ đề tối và sáng, kích thước khác nhau, biến thể màu thương hiệu.

✦ Phân tích hoạt ảnh về khả năng tiếp cận và thương hiệu

Yêu cầu AI kiểm tra hoạt ảnh về các vấn đề tương phản, tốc độ chuyển động, tính nhất quán màu sắc hoặc sự phù hợp với hướng dẫn thương hiệu của bạn — và sửa những gì nó tìm thấy.

✦ Tích hợp vào quy trình làm việc dự án của bạn

Tạo tài sản hoạt ảnh nhanh chóng khi đang làm việc trên một dự án lớn hơn.

Để sử dụng MCP, hãy cài đặt nó trong ứng dụng AI của bạn và bật nó trong LottieFiles Creator. Các phần bên dưới hướng dẫn từng bước.

Điều kiện tiên quyết

Trước khi cài đặt, hãy đảm bảo bạn đã thiết lập những thứ sau:

✅ 📦 Node.js 18+: Cần thiết để chạy gói MCP qua npx. Tải Node.js →

✅ 🎬 LottieFiles Creator: Mở creator.lottiefiles.com trong trình duyệt và giữ tab này mở.

✅ 🤖 Một AI tương thích MCP: Claude, Cursor, Windsurf, VS Code Copilot hoặc bất kỳ trợ lý nào hỗ trợ MCP.

Trước tiên, hãy truy cập tệp README của Creator MCP nơi bạn có thể truy cập các chuỗi và lệnh MCP.

Cài đặt MCP

Đối với tất cả các công cụ AI của bạn, bạn có thể sử dụng cấu hình sau:

{
  "mcpServers": {
    "lottiefiles-creator": {
      "command": "npx",
      "args": ["-y", "@lottiefiles/creator-mcp@latest"]
    }
  }
}

Tài liệu này bao gồm các bước cài đặt cho một số ứng dụng MCP được hỗ trợ. Để biết danh sách hướng dẫn cài đặt cho các ứng dụng MCP được hỗ trợ, hãy xem danh sách bên dưới:

Ứng dụng MCP được hỗ trợ

Làm theo hướng dẫn cho ứng dụng cụ thể của bạn để cài đặt và kết nối Lottie Creator MCP. Một số ứng dụng cũng hỗ trợ kỹ năng, bổ sung kiến thức thiết kế chuyển động để AI của bạn có thể tạo ra các hoạt ảnh có chủ đích và trau chuốt hơn. 🖇️ Đây là kỹ năng thiết kế chuyển động của LottieFiles.

Làm theo các bước cho ứng dụng MCP của bạn:

**1. Mở Cài đặt Claude Desktop**

Điều hướng đến **Cài đặt → Nhà phát triển** và nhấp **"Chỉnh sửa Cấu hình"**. Thao tác này sẽ mở tệp cấu hình JSON trên máy tính của bạn, bạn có thể chỉnh sửa trong VS Code, Cursor hoặc bất kỳ trình soạn thảo văn bản nào.

<Image src="https://assets.docs.lottiefiles.com/static/cbcf2779e6-640.webp" alt="Claude Desktop Settings → Developer, Edit Config" caption="Claude Desktop Settings" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/cbcf2779e6-640.webp 640w, https://assets.docs.lottiefiles.com/static/cbcf2779e6-1024.webp 1024w" width="1490" height="1070" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAIAAABxZ0isAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAXklEQVR4nGWNSwqAMAxEc/8DiXgXF4rgp41pTNNWuxGpFEGYxcCbDwgjO5tPVaEUJZ9aBLtdinNkhFGFhPEBhOuVfA0G79DML6gL49B3bSOMMRxQin+B3Sb1+L0t4AYM8YjEckZSmwAAAABJRU5ErkJggg==" />

**2. Thêm cấu hình MCP**

Dán nội dung sau vào tệp cấu hình bên trong đối tượng `mcpServers`. Bạn có thể cần thêm hoặc xóa dấu ngoặc/dấu phẩy để giữ JSON hợp lệ.

```jsx
{
  "mcpServers": {
    "lottiefiles-creator": {
      "command": "npx",
      "args": ["-y", "@lottiefiles/creator-mcp@latest"]
    }
  }
}
```

Đây là giao diện tệp cấu hình có thể trông như thế nào sau khi dán cấu hình trên:

```jsx
{
  "mcpServers": {
    "lottiefiles-creator": {
      "command": "npx",
      "args": ["-y", "@lottiefiles/creator-mcp@latest"]
    }
  },
  "preferences": {
    "quickEntryShortcut": "off",
    "coworkScheduledTasksEnabled": false,
    "ccdScheduledTasksEnabled": false,
    "sidebarMode": "chat",
    "coworkWebSearchEnabled": true,
    "floatingAtollActive": true
  }
}
```

**3. Xác minh đã kết nối**

Nhấp vào nút **"+"** trong cuộc trò chuyện, điều hướng đến **Trình kết nối** và xác nhận nút chuyển đổi `lottiefiles-creator` đang bật.

<Image src="https://assets.docs.lottiefiles.com/static/661d017685-640.webp" alt="Claude Desktop Connectors with lottiefiles-creator enabled" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/661d017685-640.webp 640w, https://assets.docs.lottiefiles.com/static/661d017685-1024.webp 1024w" width="1470" height="840" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAXUlEQVR4nE1NQQ7AIAjz/1/14CZGBJEu6JaMpGkobUmqioC7IybYfWGtgCEREUQEYzCuu6J1xZxnNzOkUgrMJoJzzhCdYO5QldNQiXZdJJh5i+eFvYYW4hH+h8/wAH2hnMwEoNxAAAAAAElFTkSuQmCC" />

**1. Chạy lệnh sau trong terminal của bạn**

Chỉ vậy thôi. Claude Code sẽ tự động cài đặt và đăng ký MCP.

```
claude mcp add lottiefiles-creator -- npx -y @lottiefiles/creator-mcp@latest
```

#### **Sử dụng Lottie Creator MCP cho Cursor**

1. Nhấn `Cmd + Shift + P` (Mac) hoặc `Ctrl + Shift + P` (Windows/Linux) → tìm kiếm **"Cài đặt Cursor"**
2. Trong thanh bên, đi đến **Công cụ & MCP**
3. Nhấp **"Thêm MCP tùy chỉnh"**

<Image src="https://assets.docs.lottiefiles.com/static/1d779c5bf1-640.webp" alt="Cursor Settings → Tools & MCP, Add custom MCP" caption="Cursor Settings" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/1d779c5bf1-640.webp 640w, https://assets.docs.lottiefiles.com/static/1d779c5bf1-1024.webp 1024w" width="1724" height="1122" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAYElEQVR4nD2OWQpFMQhDXUVnh1JKu/8N5qKPvg8hJPEoqSqYGbVWlFKQUkLO+T8kIhGOMXDvhZnFgpqGR27MOdF7j8JaC04VFbDyr/AoHuy9cc4JUmsN5BgXft9L75enP/5xNWNuTqnuAAAAAElFTkSuQmCC" />

4. Dán vào:

```jsx
{
  "mcpServers": {
    "lottiefiles-creator": {
      "command": "npx",
      "args": ["-y", "@lottiefiles/creator-mcp@latest"]
    }
  }
}
```

Lưu và **khởi động lại hoàn toàn Cursor** (thoát và mở lại - không chỉ tải lại)

Sau khi khởi động lại, đi đến **Cài đặt → Công cụ & MCP** và bạn sẽ thấy một chấm xanh bên cạnh `lottiefiles-creator` xác nhận đã kết nối.

<Image src="https://assets.docs.lottiefiles.com/static/d5e4c14c2c-640.webp" alt="Cursor Settings → Tools & MCP, lottiefiles-creator connected" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/d5e4c14c2c-640.webp 640w, https://assets.docs.lottiefiles.com/static/d5e4c14c2c-1024.webp 1024w" width="1724" height="1118" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAYUlEQVR4nD2NSw7AIAhEOYVfBHSlsfe/3jTY2MUEeDAMqSpEBKUUpJQQQkCM8Rf5MucMZsacE713tNagZoeRmR3ow1oLY4xzICoQU5BHOKhcsZ/9fWCGG5sKyJ033+vtr14GGTV0KRWZBgAAAABJRU5ErkJggg==" />

**Tùy chọn A: Cài đặt liên kết sâu**

1. Nhấp vào [liên kết sâu máy chủ MCP LottieFiles.](https://vscode.dev/redirect/mcp/install?name=%40lottiefiles%2Fcreator-mcp\&config=%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22%40lottiefiles%2Fcreator-mcp%22%5D%7D) Thao tác này sẽ mở cấu hình MCP trong VS Code.
2. Nhấn nút **Cài đặt**.

<Image src="https://assets.docs.lottiefiles.com/static/215df2a202-640.webp" alt="VS Code Install MCP Server prompt for Lottie Creator" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/215df2a202-640.webp 640w, https://assets.docs.lottiefiles.com/static/215df2a202-1024.webp 1024w" width="1720" height="736" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAIAAAAhqtkfAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAANUlEQVR4nGNQ19TW0NFX0tCSlVcQk5AUFBaFIAYJKRlxSSlhUXG4EFRCSkZOUlpWXFIKTQIAGEcGwVfSfA0AAAAASUVORK5CYII=" />

**Tùy chọn B: CLI hoặc tệp cấu hình**

Hoặc qua CLI:

Terminal

```
code --add-mcp '{"name":"lottiefiles-creator","command":"npx","args":["-y","@lottiefiles/creator-mcp@latest"]}'
```

Hoặc thêm vào `.vscode/mcp.json` của bạn:

JSON — .vscode/mcp.json

```
{
  "servers": {
    "lottiefiles-creator": {
      "command": "npx",
      "args": ["-y", "@lottiefiles/creator-mcp@latest"]
    }
  }
}
```

ℹ️ Bạn sẽ cần [GitHub Copilot](https://github.com/features/copilot) được bật trên tài khoản của mình để sử dụng các công cụ MCP trong VS Code.

``` amp mcp add lottiefiles-creator -- npx -y @lottiefiles/creator-mcp@latest ``` Làm theo tài liệu thiết lập MCP của Antigravity và sử dụng cấu hình trên. Làm theo tài liệu thiết lập MCP của Cline và sử dụng cấu hình trên. Làm theo [hướng dẫn cấu hình MCP](https://github.com/openai/codex/blob/main/docs/config.md) bằng cách sử dụng:

```
[mcp_servers.lottiefiles-creator]
command = "npx"
args = ["-y", "@lottiefiles/creator-mcp@latest"]
```

Hoặc thêm qua CLI:

```
codex mcp add lottiefiles-creator -- npx -y @lottiefiles/creator-mcp@latest
```

1. Khởi động `copilot` 2. Chạy `/mcp add` 3. Cấu hình: - Tên máy chủ: `lottiefiles-creator` - Loại máy chủ: `Local` - Lệnh: `npx -y @lottiefiles/creator-mcp@latest` Làm theo tài liệu thiết lập MCP của VS Code và sử dụng cấu hình trên. Hoặc qua CLI:

```
code --add-mcp '{"name":"lottiefiles-creator","command":"npx","args":["-y","@lottiefiles/creator-mcp@latest"]}'
```

``` gh copilot mcp add lottiefiles-creator -- npx -y @lottiefiles/creator-mcp@latest ``` ``` droid mcp add lottiefiles-creator "npx -y @lottiefiles/creator-mcp@latest" ``` ``` gemini mcp add lottiefiles-creator npx -y @lottiefiles/creator-mcp@latest gemini mcp add -s user lottiefiles-creator npx -y @lottiefiles/creator-mcp@latest ``` Làm theo tài liệu thiết lập MCP của Gemini Code Assist và sử dụng cấu hình trên. Làm theo tài liệu thiết lập MCP của JetBrains và sử dụng cấu hình trên. Làm theo tài liệu thiết lập MCP của Kiro và sử dụng cấu hình trên. Làm theo tài liệu thiết lập MCP của Qoder và sử dụng cấu hình trên. Thêm máy chủ MCP cục bộ với:

- Tên: `lottiefiles-creator`
- Lệnh: `npx`
- Đối số: `y @lottiefiles/creator-mcp@latest`

Làm theo tài liệu thiết lập MCP của Warp và sử dụng cấu hình trên. Làm theo tài liệu thiết lập MCP của Windsurf và sử dụng cấu hình trên.

Kết nối với Lottie Creator

Mở Lottie Creator

Điều hướng đến creator.lottiefiles.com trong trình duyệt của bạn và giữ tab này mở trong suốt phiên làm việc. MCP giao tiếp với Creator thông qua tab trình duyệt này.

Bật MCP trong Creator

Trong Creator, đi đến Cài đặt → Cài đặt MCP → Bật MCP.

Lottie Creator Settings → MCP Settings with Enable MCP

Xác nhận kết nối

Bạn sẽ thấy thông báo trong Creator: Cầu nối MCP cục bộ đã kết nối

Lottie Creator notification: Local MCP bridge connected

Nếu bạn thấy điều này, bạn đã sẵn sàng để bắt đầu đưa ra lời nhắc! Hãy nhớ rằng, chất lượng hoạt ảnh phụ thuộc rất nhiều vào mô hình bạn đang sử dụng, vì vậy hãy đảm bảo sử dụng mô hình tốt nhất có sẵn cho bạn.

Lottie Creator top bar with a blue MCP connection indicator next to the file name

Về Kỹ năng

Kỹ năng cung cấp hướng dẫn về cách một tác nhân nên tiếp cận các tác vụ hoạt ảnh — sử dụng kết hợp các lệnh gọi công cụ MCP và kiến thức thiết kế chuyển động sâu được đóng gói dưới dạng hướng dẫn có thể tái sử dụng.

Trong khi Lottie Creator MCP hiển thị các công cụ riêng lẻ (tạo lớp, đặt khung hình chính, điều chỉnh tô màu), Kỹ năng giúp AI của bạn hiểu cách sử dụng chúng tốt. Những điều như biết đường cong easing nào phù hợp với hiệu ứng nảy so với mờ dần, cách sắp xếp trình tự xuất hiện nhiều phần tử hoặc cách cấu trúc thời gian để hoạt ảnh có cảm giác có chủ đích thay vì máy móc.

Kỹ năng không thay thế kết nối MCP hoặc thêm công cụ mới. Chúng giảm thiểu phỏng đoán bằng cách đóng gói chuyên môn thiết kế chuyển động vào các hướng dẫn mà AI của bạn tự động dựa vào bất cứ khi nào nó làm việc với hoạt ảnh.

Cài đặt kỹ năng thiết kế chuyển động

Chạy lệnh này một lần trong terminal của bạn. Nó hoạt động với hơn 40 tác nhân bao gồm Claude Code, Cursor, Codex và GitHub Copilot.

Terminal

npx skills add LottieFiles/motion-design-skill

✨ Rất khuyến khích. Sự khác biệt giữa AI tạo ra hoạt ảnh cứng nhắc, máy móc và AI tạo ra chuyển động trau chuốt, có chủ đích gần như hoàn toàn phụ thuộc vào việc nó có ngữ cảnh này hay không. Cài đặt một lần và nó áp dụng cho mọi phiên hoạt ảnh.

Xem kỹ năng đầy đủ trên GitHub → LottieFiles/motion-design-skill

Khả năng

MCP cấp cho AI của bạn toàn quyền truy cập vào API Creator. Đây là mọi thứ nó có thể làm:

🎬 Quản lý cảnh

Tạo cảnh — đặt tên, kích thước, tốc độ khung hình, thời lượng
Chuyển đổi giữa các cảnh
Đặt màu nền (chỉ xem trước, không xuất)
Đọc thuộc tính cảnh — lớp, kích thước, tốc độ khung hình
Xuất cảnh sang JSON Lottie
Nhập JSON Lottie, dotLottie, SVG hoặc hình ảnh

🗂 Quản lý lớp

Đặt khả năng hiển thị, trạng thái khóa và tiêu điểm
Kiểm soát thời gian — khung hình bắt đầu, khung hình kết thúc, độ lệch
Đặt chế độ hòa trộn (16 chế độ bao gồm multiply, screen, overlay)
Áp dụng và tạo hoạt ảnh cho mặt nạ và lớp phủ
Căn chỉnh và lật lớp
Tạo hoạt ảnh cho biến đổi — vị trí, xoay, tỷ lệ, nghiêng

🔷 Tạo hình dạng

Hình chữ nhật — vị trí, kích thước, độ bo góc
Hình elip — vị trí, kích thước
Đa giác — điểm, bán kính, độ tròn
Ngôi sao — bán kính trong/ngoài, điểm
Đường dẫn — bezier tùy chỉnh với kiểm soát tiếp tuyến đầy đủ
Nhóm — nhóm các hình dạng hiện có lại với nhau

🎨 Tô màu & Nét vẽ

Tô màu đồng nhất — RGB tĩnh hoặc có hoạt ảnh
Tô màu gradient tuyến tính — điểm bắt đầu/kết thúc tùy chỉnh
Tô màu gradient xuyên tâm — góc và độ dài nổi bật
Nét vẽ đồng nhất và gradient — với độ rộng có thể tạo hoạt ảnh
Đường dẫn cắt — tạo hoạt ảnh vẽ (bắt đầu %, kết thúc %, độ lệch)

⏱️ Hoạt ảnh & Khung hình chính

Thêm khung hình chính tại các khung hình cụ thể với giá trị
Đặt giá trị tĩnh (không có hoạt ảnh)
Đọc, kiểm tra và xóa khung hình chính
Đặt easing — Tuyến tính hoặc Bezier bậc ba (x1, y1, x2, y2)
Tạo hoạt ảnh: vị trí, xoay, tỷ lệ, độ mờ, màu sắc, đường dẫn và hơn thế nữa

🖼 Tài sản & Phát lại

Liệt kê, sao chép và xóa tài sản (cảnh và hình ảnh)
Đọc thuộc tính hình ảnh — chiều rộng, chiều cao, URI base64
Phát, tạm dừng và nhảy đến các khung hình cụ thể
Đọc khung hình hiện tại và trạng thái phát lại
Đọc các nút và khung hình chính đã chọn

Sắp ra mắt: Máy trạng thái và Token chuyển động

Thực tiễn tốt nhất

Cài đặt kỹ năng thiết kế chuyển động để có chất lượng tốt hơn: MCP cung cấp cho AI của bạn các công cụ. Kỹ năng thiết kế chuyển động cung cấp cho nó khả năng phán đoán để sử dụng chúng một cách hiệu quả — các đường cong easing, nguyên tắc thời gian, vũ đạo. Một lệnh duy nhất, đầu ra tốt hơn đáng kể. Kỹ năng thiết kế chuyển động có thể được tìm thấy tại đây.
Bắt đầu với SVG của riêng bạn, sau đó tạo hoạt ảnh: AI có thể không đoán trước được khi tạo hình minh họa từ đầu. Để có kết quả tốt nhất, hãy nhập các tài sản SVG hiện có của bạn vào Creator trước, sau đó yêu cầu AI tạo hoạt ảnh cho chúng. Điều này giữ cho phong cách hình ảnh của bạn nhất quán và cho phép AI tập trung vào những gì nó làm tốt nhất — chuyển động, thời gian và trình tự.
- Hãy thử các liên kết remix này
  - Huy chương: https://lottie.link/metal
  - Thời tiết: https://lottie.link/weather
  - Biểu đồ: https://lottie.link/graph
  - Hộp thư: https://lottie.link/mailbox1
Luôn sử dụng mô hình tốt nhất có sẵn cho bạn: Chất lượng hoạt ảnh tỷ lệ thuận trực tiếp với mô hình. Nếu bạn có quyền truy cập vào Claude Sonnet hoặc Opus, hãy sử dụng nó thay vì một mô hình nhỏ hơn — sự khác biệt trong cách nó xử lý thời gian, trình tự và lý luận không gian là đáng chú ý.
Đặt tên cho các lớp của bạn trước khi nhắc: AI đọc tên lớp của bạn để hiểu cấu trúc hoạt ảnh của bạn. Các lớp được đặt tên tốt như left_arm, right_leg, bg_circle và text_headline giúp nó nhắm mục tiêu đúng các yếu tố, tránh sai sót và duy trì tổ chức trong các cảnh phức tạp. Các tên chung chung như Shape 1 hoặc Group 4 khiến AI khó xây dựng chính xác trên công việc của bạn hơn.
Chia nhỏ các hoạt ảnh phức tạp thành các bước: Thay vì "xây dựng cho tôi một hoạt ảnh giới thiệu đầy đủ", hãy làm từng cảnh một. Tạo cảnh → thêm hình dạng → thêm khung hình chính → tinh chỉnh thời gian. Các bước nhỏ hơn cho bạn nhiều quyền kiểm soát hơn và giúp phát hiện và sửa lỗi dễ dàng hơn.
Cụ thể về thời gian và cảm giác: "Một sự mờ dần mượt mà" là mơ hồ. "Một sự mờ dần trong 400ms với ease-out" cung cấp cho AI của bạn thứ gì đó để làm việc. Bạn càng mô tả cảm giác — nhanh gọn, nảy, chậm và điện ảnh — kết quả đầu tiên sẽ càng gần với những gì bạn đang tưởng tượng.