마소란 UX/UI 이야기

안녕하세요.오늘은 PDF 파일을 피그마에서 불러와 보겠습니다. 자주 사용하는 일은 아니지만 알아두면 편리하겠죠?간단하게 플러그인을 사용해서 불러오기 해볼게요.   1. 먼저 피그마 플러그인에서 PDF로 검색을 한다.그냥 불러오기로는 가져올 수 없는 파일이라 플러그인을 이용하겠습니다.Menu > Plugins > Manago plugins로 들어가서 플러그인 오픈창을 띄워거나피그마에단 패널의 버튼을 이용해 플러그인에 들어갑니다.      2. PDF to Figma 플러그인을 오픈한다.PDF로 검색하여 플러그인 중 하나를 오픈해볼게요.저는 오늘은 PDF to Figma 를 사용해 보겠습니다.선택하면 플러그인의 설명을 먼저 볼 수 있습니다.   'Run'으로 시작해주세요.불러올 파일을 드래그하여 넣은 후 '..

안녕하세요.오늘은 디자이너 일기를 써보려고 합니다.    가끔 카페나 여기저기 돌아다니다 보면 아직 피그마를 배우지 않았거나 UX/UI 디자인을 시작하시려는 분들의 질문들중 이런 이야기가 있더라구요. UX/UI 디자이너들은 피그마로 어디까지 작업하는가? 입니다. 저는 앱을 만들기 시작한지가 10년이 넘었고 피그마의 경우도 3~4년 정도(잘 모름) 사용한 듯 한데요.피그마가 무척 친숙하기에 어느덧 뒤돌아보니 피그마로 거의 모든 작업을 하고 있습니다. (물론 인쇄물은 아닙니다)특히나 배너 작업도 피그마로 모두 작업을 하는데요. 포토샵 너무 느립니다.피그마를 쓰지 않는 분들이 항상 작업물을 Psd로 받기 원하셔서 아주 자주 눈물을 흘리며 Psd작업을 다시 한다죠.하지만!! 오늘은 요구 안하려나? 하면서 항상 ..

안녕하세요.오랜만에 피그마 관련글을 쓰게 되었네요.오늘은 피그마에서 이미지 다운로드(Export)시 사이즈 달라지는 현상에 대해 알아보겠습니다.    디자인 작업을 열심히 마치고 개발자분에게 넘겼는데, 막상 이미지를 다운로드해 보니 디자이너가 작업한 사이즈보다 약 +1씩 다르게 나오는 경우가 있습니다. 사실 피그마에서 이미지 다운로드(Export)시에 자주 발생하는 오류(?) 또는 현상인데요, 저도 그래서 작업 완료한 후 반드시 이미지 사이즈를 확인하는 절차를 거치고 있습니다. 디자이너분 열심히 작업을 잘 해놓고 마지막에 다운로드 사이즈 때문에 실수가 생긴다면 정말 억울하겠죠.아직도 저는 이게 피그마의 버그인 것 같지만 그나마 우리가 해볼 수 있는 수정 방안에 대하여 알아볼게요. 1. 작업 프레임을 소수..

안녕하세요!오랜만에 블로그 글을 써보네요.오늘은 피그마 사용시에 겪게 되는 여러 문제 중 특정 폰트 누락에 대해서 써보겠습니다.  1. 산돌 유료폰트 피크마 누락몇일 전 이벤트 디자인 작업을 하던중 산돌의 격동고딕 폰트가 피그마에 뜨지 않더라구요. 🥹산돌폰트의 경우 ‘구름다리’라는 프로그램으로 폰트를 내 컴퓨터에 적용 체크하면 그 폰트를 사용할 수 있게 되는데 이게 뜨지않았습니다.근데 지인 디자이너분의 말씀으로는 산돌의 경우 안뜨는 폰트가 있다더라 라는 이야기를 듣고 아 격동고딕 폰트는 피그마에서 사용할 수 없구나 라고 생각했는데 다른 디자이너가 그 격동고딕 폰트를 이용해 작업중인걸 보고 저도 적용하려고 찾아보았습니다.해서 포토샵에서 작업했던걸 다시 피그마로 옮기느라 두번 작업을 했네요. 😂이미 피그..

안녕하세요. 오늘은 피그마로 프리젠테이션 PPT를 만들어 보겠습니다. 피그마가 너무 편리해서 저는 문서 만들때도 너무 편하더라구요. 이제 파워 포인트 쓰면 은근 불편하고~ 피그마로 너무 편합니다~ 사실 별로 크게 알아야 할 점도 없고 엄청 쉬워서 많은 설명은 쓰지 않았고 어떻게 하는지 한번 볼게요!~ 다 만든 후 PDF로 변환을 할건데요. 그 방법을 알아보겠습니다. *피그마의 자세한 사용법은 쓰지 않습니다 ;) 피그마는 유튜브에 보시면 잘 나와있어요~ 1. 피그마로 디자인하기 와이드형인 16:9 비율로 1920x1080사이즈로 프레임을 만듭니다. 상단에서부터 프레임을 만들어 기존 피그마 사용하듯이 디자인을 하면 됩니다. 그럼 프레임은 꼭 하단으로 일자로 만들어야 할까요? 바둑판 모양으로 만들어도 되고 편..

피그마와 맥에서 특정 폰트가 유실 되었을때 해결 방법입니다. 피그마 폰트 유실 오늘은 제가 얼마 전에 고생했던 피그마에서 폰트가 유실되었을 때 해결하는 방법을 알아보겠습니다. 며칠 전 갑자기 피그마에서 Roboto와 Noto sans kr 등등 몇 개의 폰트가 Missing fonts 목록에 나타나면서 폰트 수정이 되지 않았습니다. 몇개의 잘 쓰지 않는 폰트들과 함께 유실표시가 나타나면서 폰트를 아예 수정할 수 없어서 난감했었습니다. 검색해도 방법이 잘 나오지 않아 애먹었었는데요. 피그마에 관련된 글을 읽고 따라 해보아도 상황은 해결되지 않았습니다. 며칠 애를 먹고 해결했는데요 원인은 피그마가 아니라 맥 자체 폰트의 유실이었습니다. 맥 운영체제의 업그레이드를 통해 폰트 파일이 유실된 것으로 의심하고 있는..