반응형 figma6 2025년 피그마 신기능 총정리: 디자인에서 마케팅까지 원스톱 플랫폼의 등장 한국 시장을 주목하는 피그마의 본격적인 움직임2025년 5월 디자인 업계에 중요한 소식이 전해졌습니다. 글로벌 디자인 플랫폼 피그마(Figma)가 한국어 지원 베타 업데이트를 기념해 서울에서 기자 간담회와 메이커 콜렉티브 행사를 개최한 것입니다. 특히 CPO(Chief Product Officer) 유키 야마시타가 직접 방한하여 피그마의 새로운 비전을 소개했다는 점에서 한국 시장에 대한 피그마의 진지한 관심을 엿볼 수 있었습니다.피그마가 공개한 한국 시장 데이터는 상당히 인상적입니다. 한국에서만 하루 평균 7만 5천 개 이상의 디자인 파일이 생성되고 있으며, 현재까지 총 400만 개 이상의 디자인 파일이 만들어졌다고 합니다. 이는 한국 디자이너들의 활발한 활동을 보여주는 동시에, 디지털 디자인 시장의 급.. 2025. 6. 3. 피그마 (Figam) 기초 : 피그마 그룹핑 방법 (Group, Frame, Section, Autolayout) 피그마에서 UI 화면을 디자인할 때 가장 많이 쓰이는 기능 중에 하나가 바로 그룹핑인데요. 이 그룹핑 방법들의 차이를 정확히 인지하고 있어야, 디자인 목적에 맞는 적절한 그룹핑을 선택해서 작업할 수 있습니다. 그래서 오늘은 각각의 그룹핑 방법의 특성과 차이점 그리고 각 그룹핑은 언제 사용하면 좋은지에 대해서 포스팅해보려고 합니다. 피그마에서 요소를 그룹핑하는 방법은 아래와 같이 4가지가 있습니다. 피그마 그룹핑 방법 4가지 & 정의 1. Group : 공간(페이지, 영역 등)이 아닌 단순히 요소들의 묶음 2. Frame : 화면(페이지) 단위 또는 헤더, 푸터와 같은 큰 틀을 의미 3. Autolayout : 요소들의 집합으로, 레이아웃(간격 등의)을 적용할 수 있는 작은 공간 단위를 의미 4. Sect.. 2023. 11. 20. 피그마 꿀팁: 'Mockup Library' 플러그인 사용해 피그마로 목업하기 예전에는 정말 포토샵을 많이 썻는데, 프로그램이 무겁기도 하고 키려면 시간이 좀 걸려서 번거롭기도 해서 그런지 점점 디자인 외의 프레젠테이션 파일 작업도 피그마에서 하게 되는 것 같습니다. 하지만 포트폴리오 목업의 경우, 어쩔수 없이 포토샵을 사용했는데, 대부분의 디자인 파일이 피그마에 있다보니 목업을 위해서는 화면을 일일이 Export 해야하는 번거로움이 있었습니다. 오늘은 이러한 번거로움을 줄여줄 수 있는 피그마 Mockup Library플러그인을 소개하려고 합니다. Mockup Library플러그인을 사용하면 포토샵을 거치지 않고 다양한 perspective의 3D 목업도 가능하기 때문에 특히나 포폴을 위한 목업에 효과적입니다. 'Mockup Library'플러그인 사용방법 1. 먼저 피그마 Com.. 2023. 5. 13. 피그마 (Figam) 꿀팁 : Absolute positioning 정복하기 요소끼리 위/아래로 겹쳐서 표현해야할 때 CSS에서 주로 Absolute Position을 많이 사용해서 구현합니다. 이러한 Absolute Position을 피그마에서도 구현할 수 있는데요~ 생각보다 디자인할 때 이곳 저곳에서 사용할 일이 많아 소개해드리려고합니다 :) Absolute positioning 1.배경 요소에 Auto Layout 입히기 먼저 피그마에서 요소들을 Auto Layout (Shift + A)을 입혀줍니다. 특히 배경이되는 요소, 즉 아래에 깔릴 요소에는 무조건 오토레이아웃이 되어 있어야합니다. 하기 예시이미지에서는 Bar Graph BG가 배경이 되는 요소이고 Bar가 위에 띄울 요소입니다. 2. 피그마 우측 패널 상단에서 Absolute position 버튼 클릭 우측 패널에.. 2023. 4. 2. 피그마(Figma) 꿀팁 : 그리드 생성 방법 및 라이브러리 스타일로 지정하는 방법 디자인의 기본이자 가장 중요한 뼈대인 그리드, 이러한 그리드를 Figma로 쉽게 설정하고 라이브러리에 저장해서 언제든 꺼내서 사용할 수 있다는 것을 알고 계신가요? 특히나 그리드는 매번 변경하기보다는 특정 양식을 정해놓고 사용하는 경우가 많기 때문에 피그마를 통해서 그리드 레이아웃을 설정하고 라이브러리로 관리하면 정말 작업 시에 정말 편리합니다. 이번 포스팅에서는 피그마에서 그리드를 설정하고 변경하는 방법과 평소 실무에서 자주 사용하는 PC의 기본 그리드 스타일인 Container형과 Fullscreen형과 모바일의 기본 옵션 값을 공유하려고 합니다. 또 한 번 설정한 그리드의 옵션 값을 매번 다시 지정하지 않아도 되도록 개인 라이브러리로 지정해서 사용하는 방법도 함께 소대 해 드리려고 합니다. 아래에 .. 2022. 11. 20. 피그마(Figma) 꿀팁 : 8배수(8px)로 이동 간격 조정하기_Nudge amount 피그마 이용 꿀팁 중에 하나인 이동 간격을 조정하는 법을 공유해 드리겠습니다~! 피그마 화면에서 아래 경로로 들어가서 이동 간격을 조정해 주시면 됩니다! F > Preferences > Nudge amount 기본 설정은 10으로 되어있는데 8로 바꿔주세요~! 그 이유는 보통 모바일 UI는 2, 4, 8배 수로 디자인 작업이 됩니다. 그렇기 때문에 Shift + 방향키로 크게 이동할때 기본 2의 배수인 8배 수로 설정을 해놓으면 계산하기 훨씬 수월하기 때문입니다. 이상, 유용하게 쓰이는 피그마 꿀팁이었습니다. 2022. 8. 7. 이전 1 다음 반응형
