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

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

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

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

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

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을(를) 선택하십시오. 이 패널을 사용하여 에셋을 Figma 캔버스(으)로 가져오기 AEM 합니다.
    작업
    또는 Figma 커뮤니티에서 사용 가능한 Adobe Experience Manager (AEM) Assets Connector에 액세스하여 여는 위치… ​를 클릭하고, 최근 파일을 선택하거나 새 파일을 만든 다음 실행 ​을 클릭하여 Adobe Experience Manager (AEM) Assets Connector 패널에 액세스합니다.
    plugin-page-on-figma-community
NOTE
AEM 환경에 로그인한 후 네트워크 오류 메시지가 표시되면 Adobe 지원에 문의하십시오.

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

Figma 디자인 인터페이스에서 [Adobe Experience Manager(AEM) Assets 커넥터] 패널(#access-aem-assets-connector)에 액세스하고 다음을 수행합니다.

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

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

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

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

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

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

  1. Figma 디자인을 저장할 대상 폴더로 이동합니다. 이미 폴더에 있는 경우 폴더 경로에서 추가 옵션( 점 세 개 )을 클릭하여 다른 대상 폴더를 선택합니다.
  2. 선택 사항: 캔버스에서 에셋을 그룹화하여 폴더에서 업로드할 단일 단위로 선택합니다.
  3. 파일 업로드 업로드 ​를 클릭하여 자산 업로드 대화 상자를 표시합니다.
  4. 대화 상자에서 파일 이름을 지정하고 파일 형식을 선택한 다음 선택한 항목 또는 페이지 ​를 선택하고 업로드 ​를 클릭하여 선택한 에셋 또는 전체 디자인을 대상 폴더에 업로드합니다.
    그림 디자인 업로드

중요 참고 사항 Limitations-of-using-aem-assets-into-figma

이 통합에는 현재 다음과 같은 제한 사항이 있습니다.

  • AEM 자산을 Figma로 가져오는 경우 지원되는 형식은 JPEG, PNG ​입니다.
  • Figma에서 AEM Assets​(으)로 디자인을 내보내는 경우 지원되는 형식은 PNG, PDF, JPG, SVG ​입니다.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab