설명서AEM as a Cloud Service사용 안내서

AEM Assets과(와) Figma 통합 integrate-aem-assets-with-figma

Last update: Wed Dec 17 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 적용 대상:
  • Experience Manager as a Cloud Service

작성 대상:

  • 사용자

AEM Assets은(는) 기본적으로 Figma과(와) 통합되어 디자이너가 AEM Assets 사용자 인터페이스 내에서 Figma에 저장된 자산에 직접 액세스할 수 있습니다. AEM Assets에서 관리되는 콘텐츠를 Figma 캔버스에 배치한 다음 새 콘텐츠 또는 편집된 콘텐츠를 AEM Assets 저장소에 저장할 수 있습니다.

시작하기에 앞서 prerequisites-for-aem-assets-and-figma-integration

  • 필요한 최소 AEM 릴리스 버전은 19149입니다.

  • AEM Assets을(를) Figma과(와) 통합하려면 유효한 AEM Assets 및 Figma 라이선스가 있어야 합니다.

지원되는 파일 형식 supported-file-formats-integration-figma

  • AEM 에셋을 Figma로 가져오는 경우 지원되는 형식은 이미지 에셋(JPEG, PNG), 비디오 파일(MP4, MOV, WebM), 애니메이션 파일(GIF) 및 벡터 파일(SVG)입니다.
  • Figma에서 AEM Assets​(으)로 디자인을 내보내는 경우 지원되는 형식은 PNG, PDF, JPG, SVG​입니다.

Adobe Experience Manager(AEM) Assets 커넥터 액세스 access-aem-assets-connector

다음 단계를 실행하여 Adobe Experience Manager(AEM) Assets 커넥터에 액세스합니다.

  1. Figma 홈 페이지의 캔버스 아래쪽에 있는 도구 모음에서 작업​을 클릭하고 대화 상자에서 사용할 수 있는 검색 막대에서 Adobe Experience Manager (AEM) Assets Connector을(를) 검색합니다.
  2. Adobe Experience Manager (AEM) Assets Connector 패널을 표시하려면 Adobe Experience Manager (AEM) Assets Connector을(를) 선택하십시오. 이 패널을 사용하여 에셋을 AEM 캔버스 Figma (으)로 가져오기합니다.
    작업
    또는 Adobe Experience Manager (AEM) Assets Connector 커뮤니티에서 사용 가능한 ​ Figma에 액세스하여 여는 위치…​를 클릭하고, 최근 파일을 선택하거나 새 파일을 만든 다음 실행​을 클릭하여 Adobe Experience Manager (AEM) Assets Connector 패널에 액세스합니다.
    plugin-page-on-figma-community
NOTE
​ 환경에 로그인한 후 ​네트워크 오류​메시지가 표시되면 Adobe 지원에 문의AEM하십시오.

AEM개의 자산을 Figma 캔버스로 가져오기 import-aem-assets-into-figma-workflow

​ 디자인 인터페이스에서 Adobe Experience Manager(AEM) Assets 커넥터 패널에 액세스하고 다음을 수행합니다.Figma

  1. Adobe Experience Manager(AEM) Assets 커넥터 패널에서 자산을 검색합니다. 자세한 내용은 자산 선택기 사용을 참조하세요.

  2. 자산을 캔버스로 드래그 앤 드롭하거나 자산을 선택하고 선택​을 클릭하여 자산을 캔버스로 가져옵니다.

  3. 폴더 경로에서 세 점 을 클릭하여 현재 계층의 모든 상위 및 하위 폴더를 표시합니다. 해당 위치로 이동할 폴더를 선택하십시오.
    세 점

  4. [선택 사항] 업데이트 확인​을 클릭합니다. 현재 Figure 문서에 사용된 에셋은 AEM에 있는 에셋과 비교됩니다. 모든 업데이트는 별도의 창에 나열됩니다. 업데이트된 자산을 AEM에서 Figma 문서로 가져오려면 업데이트​를 클릭합니다.

Figma 디자인이 준비되면 자산을 AEM Assets 저장소로 내보내기할 수 있습니다.

자산을 AEM Assets 리포지토리로 내보내기 export-figma-design-to-aem-assets-folder

​ 디자인 인터페이스에서 Adobe Experience Manager(AEM) Assets 커넥터 패널에 액세스하고 다음 단계를 실행하여 디자인을 Figma 리포지토리로 내보냅니다.AEM Assets

  1. Figma 디자인을 저장할 대상 폴더로 이동합니다. 이미 폴더에 있는 경우 폴더 경로에서 추가 옵션( 점 세 개 )을 클릭하여 다른 대상 폴더를 선택합니다.

  2. 선택 사항: 캔버스에서 에셋을 그룹화하여 폴더에서 업로드할 단일 단위로 선택합니다.

  3. 파일 업로드 업로드​를 클릭하여 자산 업로드 대화 상자를 표시합니다.

  4. 대화 상자에서 선택한 항목 또는 페이지​을 선택하고, 파일 또는 페이지 이름을 지정하고, 내보내기 구성을 정의하고, 업로드​를 클릭하여 선택한 에셋 또는 전체 디자인을 대상 폴더에 업로드합니다.

    내보내기 구성은 파일 형식, 크기 및 품질로 구성됩니다. 예를 들어 JPG을 파일 형식으로 선택하는 경우 이미지 크기 조절과 품질을 정의할 수도 있습니다. 마찬가지로 PNG 를 파일 형식으로 선택하면 이미지 배율을 정의할 수도 있습니다.
    그림 디자인 업로드

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab