# LottieFiles MCP 서버

AI 에이전트가 LottieFiles에서 직접 인기 롯티 애니메이션을 검색하고 상세 정보를 가져오며 접근할 수 있도록 하는 오픈소스 Model Context Protocol(MCP) 서버로, 모션 그래픽을 AI 워크플로우에 자연스럽게 통합합니다.

Canonical URL: https://a2a-mcp.org/entry/lottie-mcp-ko

Language: ko

Category: MCP Servers

Updated: 2026-04-23

## 개요

**LottieFiles MCP 서버**(종종 "Lottie MCP"라고도 함)는 AI 에이전트와 LottieFiles의 방대한 Lottie 애니메이션 라이브러리를 연결하는 경량 오픈 소스 **모델 컨텍스트 프로토콜(MCP)** 서버입니다. 대규모 언어 모델과 AI 코딩 어시스턴트가 대화를 중단하지 않거나 커스텀 API 통합을 구축하지 않고도 고품질 벡터 애니메이션을 발견하고, 메타데이터를 미리 보고, 검색할 수 있도록 합니다.

Lottie는 원래 Airbnb에서 만든 벡터 기반 애니메이션을 위한 인기 있는 오픈 형식으로, 웹, 모바일, UI/UX 디자인에 널리 사용됩니다. 이 MCP 서버는 에이전트형 AI 워크플로우를 위한 도구로서 전체 LottieFiles 카탈로그에 접근할 수 있도록 합니다.

![LottieFiles MCP 서버*](https://cdn.a2a-mcp.org/blog/TxP-1Cj5Ak73QTm-hCROO.webp)

## 기능

- **Lottie 애니메이션 검색**: 키워드나 설명을 사용하여 LottieFiles 데이터베이스를 쿼리합니다.
- **애니메이션 세부 정보 가져오기**: JSON 구조 정보, 작성자, 다운로드 수, 카테고리, 미리보기 URL을 포함한 포괄적인 메타데이터를 검색합니다.
- **인기 애니메이션 목록**: 트렌드나 높은 평점을 받은 Lottie 파일에 빠르게 접근하여 영감을 얻을 수 있습니다.
- **MCP 표준 준수**: Claude Desktop, Cursor, VS Code 확장 등 모든 MCP 클라이언트와 완전히 호환됩니다.
- **쉬운 설치**: Smithery나 npm을 통해 한 번의 명령어로 설치할 수 있습니다.

## 사용 사례

- **AI 기반 모션 디자인**: Claude나 Cursor가 기존 Lottie 애니메이션을 검색하고 UI 프로토타입, 웹사이트, 앱에 통합하도록 합니다.
- **신속한 프로토타이핑**: 에이전트가 코드 생성 중에 적절한 로딩 스피너, 아이콘, 일러스트레이션, 복잡한 UI 애니메이션을 찾을 수 있습니다.
- **디자인 시스템 자동화**: 적절한 메타데이터와 함께 생성된 React, Flutter 또는 웹 프로젝트에 Lottie 자산을 통합합니다.
- **창의적인 워크플로우**: Lottie Creator 자체의 MCP 브리지와 같은 도구와 결합하여 종단간 애니메이션 생성 및 편집을 가능하게 합니다.
-
 **교육 및 탐색**: AI 어시스턴트가 실시간으로 실제 예제를 가져와 Lottie 애니메이션을 설명하고 시연할 수 있습니다.

## 설치 및 설정

### Smithery를 통한 설치 (Claude Desktop에 권장)
```bash
npx -y smithery install mcp-server-lottiefiles --client claude
```

### 수동 설치
```bash
npm install -g mcp-server-lottiefiles
# 또는 저장소를 클론하여 로컬에서 실행
```

설치가 완료되면 MCP 호환 클라이언트(Claude, Cursor 등)를 서버에 연결하도록 구성하세요. 서버는 로컬에서 실행되거나 원격으로 호스팅될 수 있으며 애니메이션 검색 및 가져오기를 위한 표준화된 도구를 제공합니다.

## 작동 방식

1. AI 에이전트가(MCP를 통해) 검색 쿼리와 함께 서버를 호출합니다.
2. 서버는 LottieFiles 공용 API를 쿼리합니다.
3. 결과는 AI가 이해하고 실행할 수 있는 구조화된 형식(예: 다운로드 URL, JSON 데이터, 미리보기)으로 반환됩니다.
4. AI는 생성된 코드나 디자인에서 애니메이션을 참조, 임베드 또는 수정할 수 있습니다.

이렇게 하면 모델이 수천 개의 자산에 대한 내장 지식을 필요로 하지 않으면서도 AI 컨텍스트를 풍부하게 유지하고 도구로 강화할 수 있습니다.

## 관련 도구

- **Lottie Creator MCP Bridge**: LottieFiles에서 제공하는 공식 통합 기능으로, AI 에이전트가 Lottie Creator 편집기 내에서 직접 Lottie 파일을 읽고 레이어를 편집하며 변형 버전을 생성할 수 있게 합니다.
- Lottie 생태계 전반을 아우르는 `lottie-web`, `lottie-react`, 그리고 dotLottie 형식도 포함됩니다.

LottieFiles MCP 서버는 지속적으로 유지 관리되며 Smithery, MCP.so, PulseMCP와 같은 주요 MCP 디렉토리에 등록되어 있습니다.

## Tags

- mcp
- mcp-서버
- 롯티
- 롯티파일즈
- 애니메이션
- 모션-그래픽
- ai-에이전트
- 타입스크립트
- 개발자-도구

## Sources

- [Project website](https://github.com/junmer/mcp-server-lottiefiles)