[ 피그마 ] 초간단! 이미지 누끼 따기 피그마 작업중 이미지 의 누끼를 따는 작업이 필요하게 되었습니다. 빠르고 쉽게 작업하는 방법을 같이 알아보도록 하겠습니다.  해당 내용은 펜을 이용한 벡터 마스크(Vector Mask) 활용 방법 과 클리핑 마스크(Clipping Mask) 활용 , 그리고 플러그인을 활용한 자동 배경 제거 를 포함 하고 있습니다! # 1. 벡터 마스크(Vector Mask) 활용  벡터 마스크는 벡터 셰이프(Vector Shape) 를 이용해 이미지의 특정 부분을 가리거나 표시하는 방식입니다.즉, 벡터 도형이 마스크 역할을 하여 이미지의 보이는 영역을 조정하는 기능입니다. ① 피그마에서 이미지를 불러오기오늘 사용할 이미지 를 불러옵니다. 화이트 데이를 맞아 핑크핑크한 하트풍선 이..

[ 피그마 ] 초간단! 도형안에 이미지 넣기 ( 클리핑 마스크(Clipping Mask) 활용)  피그마 작업중 이미지를 도형모양으로 넣는 프로필 UI 가 필요하게 되었습니다.  빠르고 쉽게 작업하는 방법을 같이 알아보도록 하겠습니다.  해당내용은 포토샵의 클리핑 마스크, 피그마에서는 마스킹 을 응용한 방법입니다. # 1.클리핑 마스크 란? ( Clipping Mask )  클리핑 마스크(Clipping Mask) 는 특정 도형(Shape)을 기준으로 이미지 또는 오브젝트의 특정 부분만 보이도록 잘라내는 기능입니다. 예를 들어, 이미지를 원형으로 자르거나, 텍스트 안에 이미지를 넣을 때 활용할 수 있습니다.    # 2.피그마에서 적용하기 - 이미지 가져오기  1) 하단에서 Image/video ... ..

이번 포스팅에서는 피그마에서 자주쓰는 단축키를 종류별로 모아보도록 하겠습니다. 단축키를 잘 사용하면 작업시간이 단축되므로 자주쓰이는 단축키는 외워두시는 것을 추천드립니다.피그마 자주 사용하는 단축키# 1. 기본 작업 단축키 기본작업 할때 많이 쓰이는 단축키 입니다 기능 단축키 (Mac) 단축키 (Windows) 복사⌘ + CCtrl + C붙여넣기⌘ + VCtrl + V잘라내기⌘ + XCtrl + X되돌리기⌘ + ZCtrl + Z다시 실행⇧ + ⌘ + ZCtrl + ⇧ + Z모든 선택⌘ + ACtrl + A찾기⌘ + FCtrl + F  # 2. 레이어 및 프레임 관련 단축키레이어 및 프레임 관련 작업을 할때 많이 쓰이는 단축키 입니다  기능 단축키 (Mac)  단축키 (Windows) 프레임 생성⌘..

웹 개발 또는 화면 기획을 할때 화면 설계는 빼놓을 수 없는 작업입니다. 이번 포스팅에서는 현업에서 많이 쓰이는 다양한 종류의 UI / UX 프로토타이핑 툴 을 소개하도록 하겠습니다. 목차 1. Figma 2. Zeplin 3. Adobe XD 4. Sketch 5. 카카오 오븐 6. InVision 7. Axure 8.마치며 UI / UX 화면 설계 툴 추천 과거에는 PowerPoint(PPT)로 사용자 인터페이스(UI) 및 사용자 경험(UX)을 디자인하는 것이 여러 가지 이유로 일반적인 관행이었습니다. 장점 단점 많은 사람들이 이미 사용 방법을 알고 있는 친숙한 소프트웨어 복잡한 디자인을 만들기 위한 제한된 기능 광범위한 디자인 경험이 없는 사용자도 쉽게 사용할 수 있음 반응형 디자인 또는 인터랙티브..