> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/qshop/board/notice/2026-9-10.md).

# 2026년 9월 10일

<div data-with-frame="true"><figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FgngEbkmvxTszpILUsCke%2F2026-09-10_14-39-29.gif?alt=media&amp;token=c5399159-c4a2-4b81-80cb-a4dd9468c037" alt=""><figcaption></figcaption></figure></div>

### 큐샵 피그마 플러그인 출시!

안녕하세요. 큐샵팀입니다.

[피그마(Figma)](https://www.figma.com/)에서 만든 디자인을 큐샵 페이지로 가져올 수 있는 **큐샵 피그마 플러그인**이 출시되었습니다. 이제 피그마에서 작업한 디자인을 큐샵으로 변환 후 **스튜디오 에디터**에서 이어 편집할 수 있습니다.

#### **주요 기능**

* 피그마 프레임을 큐샵 사이트의 새로운 페이지로 추가
* 프레임 안의 레이어와 오토레이아웃 규칙을 큐샵의 스택 구조로 변환
* 기존 큐샵 사이트의 테마 또는 피그마 스타일을 선택해 적용
* 변환한 콘텐츠를 스튜디오 에디터에서 수정하거나 다른 페이지에 복사해 활용

#### 이용 안내

1. 피그마에서 [큐샵 피그마 플러그인](https://www.figma.com/community/plugin/1674351027848934209/qshop-ai-figma-to-website)을 설치하고 실행하세요.
2. 큐샵 계정으로 로그인하세요.
3. 변환할 **프레임 전체를 선택**한 뒤 **큐샵으로 변환하기** 를 클릭하세요.
4. 디자인을 추가할 사이트와 스타일 적용 방식을 선택해 변환하세요.
5. 스튜디오 에디터에서 **Figma Import Page**로 추가된 페이지를 확인하세요.

**도움말**: 플러그인을 사용하는 더 자세한 방법은 [큐샵 피그마 플러그인 설치하기](https://help.qshop.ai/customer_support/guide/design/plugin-figma-to-qshop) 도움말을 확인해 주세요.

#### 주의사항

* 본 기능은 **편집 권한이 있는 스튜디오 에디터 사이트에서만** 사용할 수 있습니다.
* 입력폼·상품 리스트·게시판 등 관리자와 연결되는 기능과 버튼 링크는 변환 후 별도로 설정해야 합니다.

감사합니다.