MonstarX에서 Figma 사용하기
핵심 요약백엔드 → 클라우드에서 Figma에 로그인해 연결하세요. 그러면 MonstarX 에이전트가 모든 모드에서 링크로 Figma 파일의 페이지, 프레임, 레이어를 읽고 원하는 프레임을 이미지로 렌더링합니다. 파일은 절대 변경하지 않습니다. 디자인으로 새 앱을 시작하려면 프로젝트 페이지의 Figma 버튼을 쓰세요.
Figma 파일을 읽고 프레임을 이미지로 바꿉니다.
- 유형
- 업무 도구 · 로그인
- 카테고리
- 프로젝트, 디자인, HR
- 연결 방법
- 내 계정으로 로그인
Figma는 많은 팀이 앱을 디자인하는 도구입니다. 프로젝트에 Figma 계정을 연결하면 MonstarX 에이전트(대화를 나누는 AI)가 작업 중에 링크로 알려 준 Figma 파일을 열 수 있습니다. 디자이너가 만든 프레임에 맞춰 새 화면을 만들고, 정확한 문구와 레이어 이름을 읽고, 프레임을 이미지로 받아 볼 수 있습니다.
이 커넥터는 업무 도구입니다. MonstarX가 프로젝트 하나에서 사용자를 대신해 Figma 파일을 읽습니다. 만드는 앱에는 Figma 계정이 전달되지 않습니다.
어떤 Figma 기능인가요?
섹션 제목: “어떤 Figma 기능인가요?”MonstarX는 두 가지 방식으로 Figma와 함께 작동합니다.
| Figma 업무 도구(이 페이지) | Figma 파일로 만들기 | |
|---|---|---|
| 용도 | 이미 있는 앱을 작업하면서 디자인 확인하기 | 완성된 디자인으로 새 앱 시작하기 |
| MonstarX가 디자인을 받는 방법 | 연결된 계정으로 링크를 이용해 Figma에서 파일을 읽습니다. | 프로젝트 페이지에 .fig 파일(Figma의 File → Save local copy…)을 끌어다 놓습니다. |
| 설정하는 곳 | 백엔드클라우드의 커넥터에 있는 Figma | 프로젝트에서 Figma 클릭 |
| 자세히 보기 | 이 페이지 | Figma 디자인으로 작동하는 앱 만들기 |
MonstarX는 무엇을 할 수 있나요?
섹션 제목: “MonstarX는 무엇을 할 수 있나요?”모두 읽기 전용이며 모든 모드에서 작동합니다.
| MonstarX가 할 수 있는 일 |
|---|
| 연결된 계정 확인: 내 Figma 계정 |
| 파일 읽기: 페이지, 프레임, 레이어를 몇 단계 깊이까지 읽습니다(파일 링크를 알려 주세요). |
| 선택한 프레임이나 레이어를 자세히 읽기 |
| 파일 세부 정보 읽기: 이름, 마지막 변경 시각, 마지막으로 편집한 사람 |
| 프레임을 이미지로 렌더링: PNG, JPG, SVG, PDF 형식으로 만들고 각각의 링크를 받습니다. |
다음 작업은 하지 않습니다: 파일 편집, 댓글 작성, 복제, 삭제, 공유 대상 변경.
시작하기 전에
섹션 제목: “시작하기 전에”- MonstarX가 읽을 파일을 열 수 있는 Figma 계정이 필요합니다.
- MonstarX 프로젝트의 소유자여야 합니다. 도구를 연결하거나 연결 해제할 수 있는 사람은 소유자뿐입니다.
내 계정 연결하기
섹션 제목: “내 계정 연결하기”복사할 키는 없습니다. Figma에 로그인하면 Figma가 MonstarX에 다음 권한을 허용할지 묻습니다:
- 사용자 프로필 읽기: 어떤 계정이 연결되었는지 보여 주는 데 씁니다.
- 파일 내용 읽기: 페이지, 프레임, 레이어와 이를 렌더링한 이미지
- 파일 세부 정보 읽기: 이름과 편집 기록
MonstarX에서 연결하기
섹션 제목: “MonstarX에서 연결하기”-
프로젝트를 열고 상단 바에서 백엔드를 클릭한 다음 클라우드를 클릭하세요.
-
커넥터까지 스크롤해 Figma를 찾으세요.
-
연결을 클릭하세요. Figma가 열리면 로그인하고, MonstarX가 요청하는 권한을 확인한 뒤 Allow access를 클릭하세요.
-
프로젝트로 돌아옵니다. 이제 행에 Figma 핸들과 함께 …에 연결됨이 표시됩니다.
MonstarX에 사용 요청하기
섹션 제목: “MonstarX에 사용 요청하기”파일 링크(Figma의 Share → Copy link)를 붙여 넣으세요. 프레임 하나를 가리키는 링크를 주면 MonstarX가 바로 그 프레임을 찾아갑니다.
| 입력 예시 | 결과 |
|---|---|
| “설정 페이지를 이 프레임에 맞춰 주세요: https://www.figma.com/design/…” | MonstarX가 프레임의 레이어와 문구를 읽고 페이지를 그에 맞게 바꿉니다. |
| “Figma 파일의 결제 페이지에 있는 버튼 문구를 그대로 써 주세요.” | 레이어를 읽고 문구를 그대로 옮깁니다. |
| “디자인 파일에 어떤 페이지가 있고, 마지막으로 바뀐 게 언제인가요?” | 파일 세부 정보를 읽고 답합니다. |
보안과 개인정보 보호
섹션 제목: “보안과 개인정보 보호”- MonstarX에만 보관됩니다. Figma 로그인 정보는 암호화되어 MonstarX 서버에 저장됩니다. 앱 코드에 기록되거나 앱에 전달되는 일은 없습니다.
- 프로젝트 하나에서만 작동합니다. 연결은 연결한 프로젝트에서만 쓸 수 있습니다.
- 정보로만 읽습니다. MonstarX는 파일의 레이어 이름과 텍스트를 정보로만 다루며, 지시로 따르지 않습니다.
- 언제든 연결 해제할 수 있습니다. 백엔드클라우드에서 Figma 옆의 연결 해제를 클릭하고 확인하세요. MonstarX는 로그인 정보를 즉시 삭제합니다. Figma 쪽 접근 권한도 없애려면 Figma의 Settings → Security → Connected apps에서 취소하세요.
자주 묻는 질문
섹션 제목: “자주 묻는 질문”이 커넥터와 프로젝트 페이지의 Figma 버튼 중 무엇을 써야 하나요?
완성된 디자인으로 새 앱을 시작하려면 프로젝트 페이지의 Figma를 쓰세요. Figma 디자인으로 작동하는 앱 만들기를 참고하세요. 이미 있는 앱을 작업하면서 디자인을 확인하거나 맞추려면 이 업무 도구를 연결하세요.
MonstarX가 내 Figma 파일을 바꿀 수 있나요?
아니요. Figma 연결은 읽기 전용입니다.
다른 사람이 나에게 공유한 파일도 읽을 수 있나요?
네. 내 Figma 계정으로 열 수 있는 파일이라면 모두 읽습니다. 메시지에 파일 링크를 붙여 넣으세요.