자신의 도구 계정을 채팅 커넥터(MCP 서버)로 Lovable에 연결하고 빌드 중 실제 컨텍스트를 사용합니다.
채팅 커넥터: MCP 서버로 도구를 Lovable에 연결
자신의 도구 계정을 채팅 커넥터(MCP 서버)로 Lovable에 연결하세요. Lovable이 빌드 중 Notion, Linear, Jira, Miro 같은 도구의 실제 컨텍스트를 읽으므로 결과가 실제 업무에 맞습니다.
**채팅 커넥터(MCP 서버)**는 자신의 도구 계정 하나를 Lovable 채팅에 연결합니다. 연결하면 Lovable이 빌드하면서 그 도구에서 필요한 것을 조회할 수 있습니다. 자신의 Notion 문서, 자신의 Linear 티켓, 자신의 Miro 보드 등입니다. 원하는 바를 설명하면 Lovable이 추측 대신 실제 콘텐츠에 기반해 결과를 만듭니다.
채팅 연결은 개인 전용입니다. 자신의 계정으로 로그인하고, 본인만 그 연결을 사용할 수 있으며, 게시하는 앱의 일부가 되지 않습니다. 채팅 커넥터는 Lovable 같은 AI 시스템을 외부 도구와 연결하는 공개 표준인 **MCP(Model Context Protocol)**를 기반으로 합니다. MCP에 대해 전혀 몰라도 사용할 수 있습니다.
Lovable은 인기 도구를 위한 사전 구축 채팅 커넥터를 포함하며, 모든 플랜에서 커스텀 MCP 서버를 지원합니다.
채팅 커넥터를 사용하는 이유
채팅 커넥터는 두 가지 핵심 기능을 제공합니다.
- 기존 컨텍스트를 Lovable으로 가져오기.
Lovable이 팀의 문서, 티켓, 디자인 파일을 읽어 표준에 맞는 prototype과 flow를 빌드합니다. - Lovable의 작업을 기존 workflow에 다시 연결하기.
Lovable이 연결된 도구에서 티켓 상태 업데이트, prototype 링크 댓글 추가, 지원되는 경우 새 항목 생성 같은 후속 작업을 수행합니다.
Lovable이 팀의 상황을 이해하면 더 강력해져 추측을 없애고 반복 속도를 높입니다.
실제로는 다음과 같은 모습입니다.
| 시나리오 | 예시 프롬프트 | 예시 결과 |
|---|---|---|
| product manager가 Linear 또는 Jira 연결 | Generate a prototype based on tickets in the current sprint. | Lovable이 issue description과 acceptance criteria를 읽어 정렬된 testable UI를 빌드합니다. |
| marketer가 Notion 또는 Confluence 연결 | Turn our Q4 campaign brief into a landing page. | Lovable이 문서를 컨텍스트로 사용해 브랜드에 맞는 수정 가능한 페이지를 생성합니다. |
| designer가 Miro 연결 | Prototype the signup flow from our whiteboard. | Lovable이 flow diagram을 읽어 UI 내비게이션을 scaffold하고 팀이 테스트할 수 있는 interactive prototype으로 만듭니다. |
| engineer가 n8n 또는 내부 MCP 서버 연결 | Build a workflow UI that lists users and allows deleting them. | Lovable이 live data와 workflow를 사용하는 앱을 빌드합니다. |
Lovable의 다른 MCP 기능과의 관계
Lovable은 MCP를 세 가지 방식으로 사용하며 각각 다른 시스템을 다른 목적으로 연결합니다. 채팅 커넥터는 빌드 중 외부 도구를 Lovable로 컨텍스트로 가져옵니다.
| 기능 | 방향 | 하는 일 |
|---|---|---|
| 채팅 커넥터(이 페이지) | Lovable이 외부 도구를 사용 | 빌드하는 동안 Lovable이 Notion, Linear 같은 서비스에서 컨텍스트를 가져옴 |
| Lovable MCP 서버 | AI 도구가 Lovable에서 빌드 | 외부 AI 도구가 Lovable 프로젝트를 생성·편집·관리 |
| 에이전트 통합 | AI 어시스턴트가 내 앱을 사용 | 사용자의 어시스턴트가 게시된 앱에 노출한 action을 호출 |
채팅 연결의 작동 방식
채팅 연결은 다른 연결 유형과 몇 가지 중요한 점에서 다르게 동작합니다.
- 개인 전용. 자신의 계정으로 연결하며 본인만 그 연결을 사용하고 관리할 수 있습니다. 같은 도구를 원하는 팀원은 자신의 계정으로 직접 연결합니다.
- 채팅 전용. Lovable은 빌드하는 동안 그 연결을 사용합니다. 게시된 앱에는 절대 포함되지 않으며, 앱의 방문자는 그 연결을 통해 연결된 도구에 절대 접근할 수 없습니다. 게시된 앱 자체에 그 도구가 필요하면 앱 + 채팅 커넥터를 사용하세요.
- 읽기 우선, 지원 시 작업. Lovable은 문서, issue, diagram 같은 구조화된 콘텐츠를 읽을 수 있습니다. 도구가 지원하는 경우 항목 생성이나 업데이트 같은 제한된 작업도 수행할 수 있습니다.
- 모든 플랜, 빌드하는 모든 곳. 연결하면 그 도구를 프로젝트 전반에서 컨텍스트로 사용할 수 있습니다. 워크스페이스 admin은 어떤 채팅 커넥터를 사용할 수 있는지 관리할 수 있으며, 이는 워크스페이스에서 채팅 커넥터 관리에서 설명합니다.
사전 구축 채팅 커넥터
Lovable은 다음 도구를 위한 사전 구축 채팅 커넥터를 포함합니다. 각 항목을 펼치면 연결로 무엇이 가능한지 볼 수 있습니다.
사전 구축 채팅 커넥터 추가 방법
사전 구축 채팅 커넥터를 연결하려면 다음과 같이 합니다.
커넥터 선택
Connectors를 열고 Notion이나 Linear 같은 채팅 커넥터를 선택합니다. 카탈로그를 열 수 있는 모든 위치는 커넥터를 찾는 위치를 참고하세요.
connection 추가
Add connection을 클릭합니다. 커넥터가 여러 연결 유형을 지원하면 Chat connector를 선택합니다.
승인
로그인하고 Lovable에 계정 접근 권한을 부여합니다.
특정 채팅 커넥터의 추가 설정
위 단계에 더해 n8n에서 다음을 수행해야 합니다.
- Settings → MCP access로 이동해 Enable MCP access를 켭니다(instance owner 또는 admin 권한 필요).
- 노출할 각 workflow마다 workflow editor의 Settings로 이동해 Available in MCP를 켭니다.
Lovable로 만든 앱을 분석할 계획이라면 커넥터를 사용하기 전에 앱이 이미 Amplitude로 데이터를 전송하고 있는지 확인하세요. 설정 방법은 Amplitude Quickstart 가이드를 참고하세요.
Hex는 연결 시 custom server URL을 입력해야 합니다. 대부분의 사용자는 기본 URL이 https://app.hex.tech/mcp입니다. single-tenant, EU multi-tenant, HIPAA multi-tenant 인스턴스라면 app.hex.tech를 custom Hex domain으로 바꾸세요(예: https://your-company.hex.tech/mcp 또는 https://eu.hex.tech/mcp).
커스텀 MCP 서버
카탈로그에 없는 도구라도 MCP 서버를 제공한다면 연결할 수 있습니다. 커스텀 MCP 서버는 내부 또는 서드파티 시스템을 채팅 커넥터로 Lovable에 가져오므로 비공개 API, 내부 CRM, custom data source에 안성맞춤입니다. 설정 단계, 인증 옵션, admin 제어는 커스텀 MCP 서버 연결을 참고하세요.
워크스페이스에서 채팅 커넥터 관리
채팅 연결은 개인 전용이므로 Connectors에서 언제든 자신의 연결을 검토하거나 해제할 수 있으며, 프로젝트 안에서도 접근할 수 있습니다. 자세한 내용은 커넥터를 찾는 위치를 참고하세요.
커스텀 MCP 서버를 포함한 채팅 커넥터는 Enterprise를 포함한 모든 플랜에서 기본 활성화됩니다.
Business와 Enterprise 플랜에서는 워크스페이스 admin과 owner가 워크스페이스 전체의 채팅 커넥터를 끄거나 개별 커넥터를 비활성화할 수 있습니다. 설정과 위치는 채팅 커넥터 제어를 참고하세요.