Figma에서 선택한 레이어로 AI 이미지·동영상 생성하기

디자인 작업에는 누군가 촬영하기 훨씬 전부터 이미지가 필요해요. 랜딩 페이지의 히어로, 제품 카드의 라이프스타일 이미지, 소셜 템플릿의 배경 같은 것들이요. eroq Figma 플러그인은 그런 이미지를 쓰이는 자리에서 바로 렌더해요. 디자인 중인 프레임 옆, 캔버스 위의 채우기(fill)로요. 이미 그려 둔 것에서 출발할 수도 있어요.

설치(베타)

베타 기간에는 매니페스트로 플러그인을 가져와야 해서 Figma 데스크톱 앱이 필요해요.

1. eroq for Figma에서 zip 파일을 내려받아 압축을 푸세요.
2. Figma 데스크톱에서 Plugins → Development → Import plugin from manifest… 메뉴를 열고 manifest.json을 선택하세요.
3. Plugins → Development → eroq — AI images & video에서 실행하세요.

연결

Connect eroq를 클릭하세요. 브라우저에서 eroq.ai가 열리면 필요한 경우 로그인하고 Allow(허용)를 클릭하세요. 그러면 페이지에 Copy code 버튼과 함께 코드가 표시돼요. 그 코드를 플러그인에 붙여 넣으면 바로 연결돼요. Figma 플러그인은 브라우저 리디렉션을 받을 수 없어서 복사 단계가 있는 거예요. 코드는 한 번만, 2분 동안, 그리고 코드를 요청한 플러그인에서만 작동해요.

플러그인의 키는 개발자 → API 키에 ‘Figma … (connected)’ 항목으로 표시되고, ⋯ 메뉴의 Disconnect(연결 해제)로 폐기할 수 있어요.

프롬프트에서 시작하기

Image 탭에서 프롬프트를 쓰고, 모델과 비율(1:1, 3:4, 4:3, 9:16, 16:9)을 고른 다음 Generate를 누르세요. 버튼에는 클릭하기 전에 가격이 표시돼요. Krea 2는 10 크레딧, Eroq One은 20 크레딧이에요.

렌더는 고유 비율(긴 변 1024 px)의 이미지 채우기가 들어간 사각형으로 놓여요. 이름은 프롬프트를 따르고, 선택된 상태로 화면에 스크롤돼 보여요. 선택한 레이어 옆(또는 화면 가운데)에 놓이고 다른 레이어 위에는 절대 겹치지 않아서, 여러 번 렌더하면 비교하기 좋게 나란히 정렬돼요.

선택한 레이어에서 시작하기

이 부분이 플러그인을 단순한 이미지 가져오기 도구가 아닌 디자인 도구로 만들어 줘요. Use selection as reference(선택 항목을 레퍼런스로 사용)를 체크하면, 선택한 레이어 중 처음 네 개가 프롬프트와 함께 레퍼런스 이미지로 전달돼요.

• 와이어프레임이나 러프 스케치: 렌더가 레이아웃을 따라가요. 피사체가 어디에 놓이는지, 헤드라인 공간이 어디인지까지요.
• 제품 사진: 제품은 그대로 두고 주변을 전부 바꿔요. ‘같은 병, 대리석 카운터 위, 아침 햇살’처럼요.
• 무드 프레임: 색감과 질감을 위한 레퍼런스 콜라주예요.

레이어는 적당한 크기(긴 변 1024~1536 px)로 내보내져 엔진에 바로 전달되고, eroq 쪽에는 아무것도 저장되지 않아요. 이미지를 읽지 않는 엔진은 그냥 무시해요.

동영상 채우기

Video 탭도 같은 방식으로 작동하고, 엔진 고유의 비율과 최대 10초 길이를 지원해요. Use selection as first frame(선택 항목을 첫 프레임으로 사용)을 체크하면 선택한 레이어가 클립의 첫 프레임이 돼요. 정지된 키 비주얼이 움직이기 시작하는 거죠. 동영상 API는 이미지 링크를 받기 때문에, 그 프레임은 먼저 eroq 스토리지(Figma 폴더)에 업로드돼요. 크레딧은 들지 않고, 스토리지 용량에 포함돼요. 표시되는 가격은 API가 청구하는 방식으로 계산한 예상치예요. Seedance 2.0 Mini로 5초 클립은 45 크레딧이에요.

Figma는 유료 팀(Professional, Organization, Education)에서 클립당 최대 100 MB까지 동영상 채우기를 지원해요. 다른 요금제에서는 플러그인이 클립의 첫 프레임을 이미지로 배치하고, 그 이유를 알려 주고, 클립 링크를 줘요. 클립 자체는 언제나 eroq 라이브러리에 있어요.

작업 리듬

• 렌더는 최대 네 개까지 동시에 돌아가고, 각각 Recent 아래에 타일로 표시돼요. 렌더 중에 플러그인을 닫아도, 다시 열면 결과가 거기서 기다리고 있어요.
• 플러그인이 배치한 렌더를 선택하고 Reuse its prompt(프롬프트 재사용)를 누르면 그 렌더를 바탕으로 반복 작업할 수 있어요.
• 프롬프트 입력란에서 ⌘/Ctrl + Enter를 누르면 생성돼요.
• 오류 메시지는 크레딧 부족, 거절된 프롬프트, 플랜 제한 엔진처럼 eroq가 직접 쓴 문구예요. 실패한 렌더는 자동으로 환불돼요.

자주 묻는 질문

브라우저용 Figma에서도 되나요?

실행은 돼요. 하지만 베타는 매니페스트로 가져와야 하고, 그건 데스크톱 앱에서만 할 수 있어요. Community에 게시되고 나면 브라우저에서도 여느 플러그인처럼 작동할 거예요.

FigJam에서도 되나요?

Figma 디자인 파일을 대상으로 해요.

내 디자인이 어딘가로 전송되나요?

레퍼런스로 체크한 레이어만, 그 렌더를 위해서만 전송돼요. 이미지의 경우 엔진으로 그대로 전달될 뿐 어디에도 저장되지 않고, 동영상의 첫 프레임은 여러분의 eroq 스토리지에 보관돼요.

비용은 얼마인가요?

스튜디오와 같은 크레딧 가격이고, 렌더할 때마다 미리 Generate 버튼에 표시돼요. 새 eroq 계정은 무료 크레딧 50으로 시작해요.

eroq for Figma에서 받으세요.