[피그마] 포토샵(*.psd) 파일 피그마에 불러오기
안녕하세요. 당근입니다. 오늘은 포토샵으로 제작된 모바일이나 웹 화면을 피그마에 불러오려면 어떻게 해야하는지 알아볼거예요. 실습을 위해 간단하게 포토샵에서 모바일 화면처럼 보이는 예제를 만들었습니다.
먼저 PSD파일을 만들어야겠죠. ctrl + s를 누르시거나 file-save/save as를 눌러 포토샵 파일을 저장하세요.
그리고 아래 사이트에 접속합니다.
https://avocode.com/convert-psd-to-sketch
Design Converter - Convert PSD designs to Sketch | Avocode
Switching from Photoshop to Sketch, but don’t have the time to manually recreate the design in Sketch? With this tool, you can easily convert your PSD file to a layered Sketch files - including text layers, vector shapes, effects, layout and more.
avocode.com
아보카도에서 저장한 PSD를 불러온 후 이메일을 입력합니다.
그럼 변환이 완료되면서 해당 파일을 메일로 보내줘요.
메일함을 확인하여 스케치파일을 다운로드합니다.
피그마에 돌아오셔서 import를 클릭하세요.
아니면 file-new from sketch file을 선택하시고요.
그렇게 해서 저장된 스케치 파일을 불러옵니다.
포토샵에서 래스터라이즈를 한 후 스케치로 가져갔는데도 우측 상단에 햄버거 버튼이 사라졌네요.
그것 말고는 속성을 간직한 채 잘 불러와집니다.
아래에 거꾸로 figma파일을 PSD로 바꾸기 위한 험난한 여정도 있으니 필요하시다면 둘러보세요.
그럼 당근이었습니다.
2020/08/19 - [디자인/피그마] - [피그마] 피그마 파일(*fig)을 PSD로 저장해보자(대체 왜...)
[피그마] 피그마 파일(*fig)을 PSD로 저장해보자(대체 왜...)
[피그마] 피그마 파일(*fig)을 PSD로 저장해보자(대체 왜...) 안녕하세요. 당근입니다. 오늘은 실무 관련해서 생긴 불쌍사지만 그래도 저처럼 모처럼 만든 figma파일을 다시 포토샵 PSD파일로 만들
nicecarrot2.tistory.com
'디자인 > 피그마' 카테고리의 다른 글
| [피그마] figma 업데이트된 Variants 기능을 알아보자(+기존 컴포넌트 레이어 정리하기) (5) | 2021.01.08 |
|---|---|
| [피그마] Google Sheet Sync : 이미지와 데이터를 스프레드 시트로 한번에 업데이트 해보자. (0) | 2020.08.25 |
| [피그마] 피그마 파일(*fig)을 PSD로 저장해보자(대체 왜...) (5) | 2020.08.19 |
| [피그마] figma에서 이미지 누끼 따기(배경 제거 하기) (0) | 2020.07.29 |
| [피그마] figma 테이블 삽입하는 플러그인 : Table Generator (0) | 2020.06.15 |
댓글