피그마(Figma)에서 프레임(frame)을 PDF 파일로 내보내기(단일, 전체, 선택한 프레임)단일 프레임을 PDF 파일로 내보내기, 전체 프레임을 1개의 PDF 파일로 내보내기, 선택한 모든 프레임을 PDF 파일로 내보내기단일 프레임을 PDF 파일로 내보내기1)PDF 파일로 내보내기할 프레임(frame)을 선택합니다. 2)우측 속성 패널에서 export를 추가하고 내보내기 옵션에서 PDF를 선택한후 내보내기합니다(export) 3)해당 프레임을 PDF 파일로 내보내기한것을 확인할있습니다. 전체 프레임을 1개의 PDF 파일로 내보내기 4)좌측에서 전체 프레임 내보내기를 사용할 페이지를 선택합니다(pages) 5)좌측 상단 메인 메뉴에서 file의 export frames to PDF를 선택합니다. 6)..
피그마(Figma)에서 레이어(layer) 선택 필터링 사용하기(similayer 플러그인)similayer 플러그인을 사용하면 선택한 전체 레이어중에 원하는 속성 및 컴포넌트의 레이어만 선택할수있습니다.1)좌측 상단의 메인 메뉴에서 플러그인(plugins)의 manage plugins로 이동합니다. 2)similayer 플러그인을 검색 및 저장합니다(save) 3)페이지에서 선택할 대상 레이어들을 준비합니다. 4)전체 레이어를 선택합니다. 5)마우스 우클릭 메뉴에서 plugins의 similayer를 선택합니다. 6)좌측에서 레이어 필터링(선택 제한)에 사용할 속성을 선택 및 추가합니다. 레이어 유형에 따라서 선택 제한을 사용하려면 layer type을 추가합니다. 7)선택할 레이어 유형(layer ..
피그마(Figma)에서 페이지의 모든 이미지를 압축 및 다운로드하기tinyimage compressor 플러그인을 사용하여 페이지의 모든 이미지를 압축 및 다운로드하는 방법1)현재 페이지에서 사용중인 모든 이미지를 확인할수있습니다. 2)메인 메뉴에서 plugins의 manage plugins로 이동합니다. 3)tinyimage compressor 플러그인을 검색합니다. 4)플러그인을 저장합니다(save) 5)plugins 메뉴에서 추가한 tinyimage compressor 플러그인을 확인 및 실행합니다. 6)현재 페이지에서 내보내기 가능한 모든 레이어를 표시하는것을 확인할수있습니다. 7)상단의 downsizer를 선택하면 내보내기 가능한 모든 이미지 레이어를 표시합니다. 8)downscale 옵션에서 ..
피그마(Figma)에서 페이지의 모든 이미지 해상도 재설정하기(원본 사이즈로 복원)restore image dimensions 플러그인을 사용하여 이미지 해상도 재설정하는 방법1)현재 페이지에서 원본 사이즈로 복원할 이미지를 준비합니다. 2)이미지를 선택하면 현재 페이지에서 해당 이미지에 대해 설정한 해상도를 확인할수있습니다(Dimensions)예에서 해당 이미지는 축소한 이미지로 원본 해상도를 확인할수없습니다. 3)이미지를 1x 옵션으로 내보내기(export)하면 원본 해상도가 아닌 현재 페이지에서 설정한 이미지 해상도로 내보내기합니다(260 x 157) restore image dimensions 플러그인 설치 및 사용4)새로운 플러그인을 설치하기위해 메인 메뉴에서 plugins의 manage p..
유니티(Unity) 프로젝트에 피그마(figma) 디자인 문서를 가져오기 및 통합하기 (UnityFigmaBridge)UnityFigmaBridge는 피그마(Figma)의 문서, 구성 요소, 자산, 프로토타입을 유니티 프로젝트에 가져오기하고 네이티브 유니티 UI에 쉽게 통합 및 연결할수있는 플러그인입니다.https://github.com/simonoliver/UnityFigmaBridge GitHub - simonoliver/UnityFigmaBridge: Easily bring your Figma Documents, Components, Assets and Prototypes to UnityEasily bring your Figma Documents, Components, Assets and Prot..
피그마(Figma) 디자인을 유니티로 가져오기(Import) 플러그인 모음UnityFigmaBridgeUnityFigmaBridge 사용법 - 유니티(Unity) 프로젝트에 피그마(figma) 디자인 문서를 가져오기 및 통합하기https://github.com/simonoliver/UnityFigmaBridgehttps://youtu.be/4LjvsMXwaI8 figma-ui-imagehttps://github.com/Volorf/figma-ui-imagehttps://youtu.be/AS7gq9zMKYo Figma Converter for Unity(유니티 에셋스토어)https://assetstore.unity.com/packages/tools/utilities/figma-converter-fo..
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.