디자인 파일을 넘기면, 개발자에게서 이런 말 한 번쯤 들어보셨을 겁니다.“이거 여백 기준이 뭐죠?”“폰트 사이즈가 Figma랑 다르게 느껴져요.”“이거 실제로 구현 가능한 거 맞나요?” 그럼 디자이너들은 생각하죠. “진짜 센스 없다…” 딱 보면 모르나? 답답한 개발자들아… 한 번에 이해되면 좋겠지만, 실제 협업에서는 소소한 오해가 쌓여개발자와 디자이너 사이에 눈치 싸움이 벌어지기도 하죠.이런 문제를 줄이기 위해 등장한 게 바로 Figma … Read more
디자인을 하다 보면 텍스트나 이미지처럼 반복되는 데이터를 프레임에 하나하나 붙여 넣는 일이 꽤 귀찮을 때가 있어요. 예를 들어 제품 목록, 사용자 카드, 뉴스 피드처럼 반복되는 UI를 작업할 때 매번 복사해서 붙이고, 또 수정하고…이런 반복 작업은 시간도 많이 들고, 오류가 생기기 쉽습니다.그럴 때 Figma에서 JSON 데이터를 자동으로 UI에 연결하는 방법을 알게 되면, 업무 효율이 눈에 띄게 … Read more
Figma를 사용하다 보면 Auto Layout은 잘알면 편하지만 사용법이 조금은 애매하죠? 처음에는 버튼이나 카드처럼 단순한 컴포넌트를 정렬할 때 유용하게 느껴지지만,조금만 구조가 복잡해지면 정렬이 무너지고 간격이 뒤죽박죽되는 경우를 자주 겪게 돼요.특히 모바일이나 반응형 UI를 설계할 때는 작은 오차가 전체 레이아웃에 영향을 주기 때문에Auto Layout을 정확하게 이해하면서 사용해야 합니다. 이번 글에서는 Auto Layout이 꼬이지 않도록 설정하는 핵심 원리와 … Read more