[AEM Assets]{class="badge positive" title="AEM Assets에 적용됩니다)."}

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 라이선스가 있어야 합니다.

지원되는 파일 형식 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을(를) 선택하십시오. 이 패널을 사용하여 에셋을 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. 폴더 경로에서 세 점 을 클릭하여 현재 계층의 모든 상위 및 하위 폴더를 표시합니다. 해당 위치로 이동할 폴더를 선택하십시오.
    세 점

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

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

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

자주 묻는 질문 frequently-asked-questions-aem-assets-figma-integration

Figma와의 AEM Assets 통합을 통해 디자이너는 어떤 작업을 수행할 수 있습니까? aem-assets-figma-integration-overview

Figma와의 AEM Assets 통합을 통해 디자이너는 도구 간에 전환하지 않고도 Figma 사용자 인터페이스 내에서 Adobe Experience Manager에 저장된 자산에 직접 액세스할 수 있습니다. 디자이너는 AEM Assets에서 이미지, 비디오, 애니메이션 파일 및 벡터를 검색하여 그림 캔버스로 가져오고, 완료된 디자인 또는 편집된 디자인을 지원되는 형식으로 AEM Assets 저장소로 다시 내보낼 수 있습니다. 통합은 기본이므로 Fi그마 커뮤니티에서 사용할 수 있는 Adobe Experience Manager AEM Assets 커넥터 이외의 서드파티 커넥터는 필요하지 않습니다.

AEM Assets과 Figma를 통합하기 위한 사전 요구 사항은 무엇입니까? aem-assets-figma-prerequisites

AEM Assets과 Figma를 통합하려면 AEM Assets의 최소 AEM 릴리스 버전과 및 Figma 모두에 대한 유효한 라이선스의 두 가지 전제 조건이 19149. Fi그마 내에서 Adobe Experience Manager AEM Assets 커넥터에 액세스하고 사용하려면 두 조건을 모두 충족해야 합니다. 설치하는 동안 AEM 환경에 로그인한 후 네트워크 오류 메시지가 나타나면 Adobe 지원 센터에 문의하십시오.

Figma의 Adobe Experience Manager AEM Assets 커넥터에 액세스하려면 어떻게 합니까? access-aem-assets-connector-figma

Adobe Experience Manager AEM Assets 커넥터는 Figma에서 두 가지 방법으로 액세스할 수 있습니다. 그림 홈 페이지에서 캔버스 아래쪽에 있는 도구 모음에서 작업​을 클릭하고 대화 상자에서 Adobe Experience Manager AEM Assets 커넥터를 검색한 다음 선택하여 커넥터 패널을 엽니다. 또는 Figure 커뮤니티 페이지에서 바로 커넥터에 액세스하고 다음에서 열기​를 클릭하고 최근 파일을 선택하거나 새 파일을 만든 다음 실행​을 클릭하여 커넥터 패널을 시작합니다.

AEM Assets에서 Figure로 가져올 수 있는 파일 형식은 무엇입니까? aem-assets-figma-import-formats

AEM Assets을 Figma로 가져오기 위해 지원되는 파일 형식은 JPEG 및 PNG 형식의 이미지 자산, MP4, MOV 및 WebM 형식의 비디오 파일, GIF 형식의 애니메이션 파일 및 SVG 형식의 벡터 파일입니다. 이러한 형식의 Assets은 Adobe Experience Manager AEM Assets 커넥터 패널 내에서 검색하고, 자산을 드래그 앤 드롭하거나 자산을 선택하고 선택을 클릭하여 Figure 캔버스에 직접 배치할 수 있습니다.

AEM Assets에서 Figure 캔버스로 에셋을 가져오려면 어떻게 해야 합니까? import-aem-assets-figma-canvas

AEM Assets에서 Figma로 에셋을 가져오려면 Figma 디자인 인터페이스 내에서 Adobe Experience Manager AEM Assets Connector 패널을 엽니다. 커넥터 패널 내에서 Content Advisor를 사용하여 자산을 검색합니다. 에셋이 배치되면 캔버스에 드래그 앤 드롭하거나 에셋을 선택하고 선택​을 클릭하여 캔버스에 배치합니다. 저장소 내의 폴더를 탐색하려면 폴더 경로에서 세 점 아이콘을 클릭하여 현재 계층의 상위 및 하위 폴더를 보고 탐색합니다.

Figma 문서에 사용된 AEM Assets이 업데이트되었는지 어떻게 확인할 수 있습니까? check-aem-assets-updates-figma

Figma의 Adobe Experience Manager AEM Assets 커넥터에는 현재 열려 있는 Figma 문서에 사용된 에셋과 AEM Assets의 해당 버전을 비교하는 업데이트 확인 옵션이 포함되어 있습니다. 사용하려면 커넥터 패널을 열고 업데이트 확인​을 클릭하세요. AEM에서 업데이트된 모든 자산은 별도의 창에 나열됩니다. 업데이트된 각 에셋의 최신 버전을 AEM에서 Figma 문서로 가져오려면 업데이트​를 클릭합니다.

Figma 디자인을 AEM Assets으로 내보낼 때 지원되는 파일 형식은 무엇입니까? figma-export-aem-assets-formats

Figma 디자인을 AEM Assets 저장소로 내보낼 때 PNG, PDF, JPG 및 SVG의 네 가지 파일 형식이 지원됩니다. 또한 내보내기 구성을 사용하여 선택한 형식에 따라 추가 설정을 정의할 수 있습니다. JPG 내보내기의 경우 이미지 크기 및 품질을 지정하고 PNG 내보내기의 경우 이미지 크기를 정의할 수 있습니다. 이러한 설정은 내보내기 프로세스 중에 자산 업로드 대화 상자에서 구성합니다.

Figma 디자인을 AEM Assets 저장소로 내보내는 방법은 무엇입니까? export-figma-design-aem-assets

Figma 디자인을 AEM Assets으로 내보내려면 Figma 내의 Adobe Experience Manager AEM Assets 커넥터 패널을 열고 AEM Assets 저장소의 대상 폴더로 이동합니다. 업로드 아이콘을 클릭하여 자산 업로드 대화 상자를 엽니다. 대화 상자에서 선택한 항목 을 선택하여 특정 에셋 또는 페이지 를 업로드하고, 전체 디자인 페이지를 업로드하고, 파일 또는 페이지 이름을 지정하고, 형식, 크기 조정 및 품질을 포함한 내보내기 구성을 정의하고, 업로드 를 클릭합니다. 디자인은 선택한 AEM Assets 대상 폴더에 저장됩니다.

AEM Assets으로 내보내기 전에 Figma에서 자산을 그룹화할 수 있습니까? group-assets-figma-export-aem

그림 디자인은 AEM Assets 저장소로 내보내기 전에 캔버스에 그룹화할 수 있습니다. 에셋을 그룹화하면 이 에셋을 단일 단위로 선택하고 한 번의 작업으로 대상 폴더에 함께 업로드할 수 있습니다. 그룹화 후 Adobe Experience Manager AEM Assets 커넥터 패널을 열고 대상 폴더로 이동한 다음 업로드 를 클릭하고 에셋 업로드 대화 상자에서 그룹화된 항목을 선택한 항목으로 선택하고 내보내기 설정을 구성한 다음 업로드 를 클릭합니다.

Figure 내에서 AEM Assets 저장소의 폴더를 탐색하려면 어떻게 해야 합니까? navigate-aem-folders-figma

AEM Assets 저장소 내의 폴더 탐색은 Figma의 Adobe Experience Manager AEM Assets Connector 패널에서 직접 사용할 수 있습니다. 폴더 경로에서 세 점 아이콘을 클릭하여 현재 계층의 모든 상위 및 하위 폴더를 표시합니다. 해당 위치로 이동할 폴더를 목록에서 선택합니다. 디자인을 다른 대상 폴더로 내보낼 때 폴더 경로에서 추가 옵션 을 클릭하여 AEM Assets 저장소 내의 대체 폴더를 선택합니다.

recommendation-more-help
experience-manager-cloud-service-help-main-toc