반응형

TEXT 2

[피그마] 텍스트 말줄임(...)기능 Truncate text

말줄임표가 필요한 텍스트에 대해서 직접 ... 을 작성하는 것보다는 훨씬 편리한 기능을 피그마에서 제공해주고있습니다. 물론, 몇 개 안 되는 곳에 작성해야 한다면 직접 작성하는 게 더 편할수도 있습니다 :) 피그마의 텍스트 속성 중 Text truncate라는 속성이 있습니다. Text truncate는 텍스트의 경계(레이어)를 벗어나는 텍스트에 대해서 숨김처리를 하고, 숨김 처리된 텍스트가 있다는 것을 사용자에게 알리기 위해 Text ellipsis=말줄임표(...)를 추가합니다. Truncate text를 적용하기 위한 방법은 무엇일까요? 오른쪽 side bar의 text 영역에서 더 보기(···) 버튼을 누르면 Type settings 패널에 접근할 수 있습니다. 여기서 Basics 탭 최하단에 T..

공부/피그마 2023.11.01

[피그마] 텍스트 리사이징 속성 3가지 이해하기

피그마에는 텍스트 '리사이징'이라는 속성이 3가지 있습니다. 텍스트 리사이징이란, 딱 보기에는 텍스트의 크기를 설정하는 건가? 싶겠지만, 텍스트 레이어를 설정하는 속성입니다. 피그마에서 텍스트를 생성하기 위해 Text 버튼을 누르고 캔버스에 클릭해 보시면, 파란색 테두리의 사각형이 텍스트를 감싸는 것을 보실 수 있습니다. 이것이 텍스트 레이어고, 텍스트 리사이징은 텍스트가 늘어나고 줄어듦에 따라 텍스트 레이어가 작아지거나 커지는 방식을 제어하는 것입니다. 리사이징의 속성에는 3가지가 있습니다. 1. Auto width : 텍스트를 작성하면 그에 따라 자동으로 텍스트 레이어의 가로(width) 길이가 늘어납니다. 2. Auto height : 텍스트를 작성하면 그에 따라 자동으로 텍스트 레이어의 세로(he..

공부/피그마 2023.10.24
반응형