피그마 자간 행간 조절 피그마에서 글꼴 조절하기 1.텍스트 요소 선택 피그마에서 자간 행간(글자 사이의 간격)을 조절하려면 먼저 텍스트 요소를 선택해야 합니다. 텍스트 요소를 선택하려면 해당 텍스트를 더블 클릭하거나 드래그하여 선택할 수 있습니다. 2.상단 메뉴에서 선택한 텍스트 요소를 기반으로 상단 메뉴에서 "Text" 탭을 클릭합니다. 그런 다음, "Line Height" 옵션을 찾아 클릭합니다.(아래 이미지 A로 된 부분) 일반적으로는 기본값인 "Auto"가 적합하지만, 필요에 따라 숫자 값을 직접 입력하여 원하는 행간을 설정할 수도 있습니다. 또는 해당 텍스트 영역의 크기를 조절할때 사용 가능합니다. (px기반으로 생각하고 숫자를 넣으시거나 %으로 조절하시면 됩니다.) UI.UX 피그마/실무꿀팁 약 1년 전
auto layout의 활용 일정 텍스트 box 영역 안에 세로길이가 가변으로 늘어나게 하는 방법 예전에는 박스를 그리고 그룹을 한다음 오토레이아웃을 하면 박스가 사라지면서 영역이 생겼는데 이제는 텍스트 박스 자체에 여백처리를 이용해서 만들어야함 textbox 만들고 오토레이아웃으로 여백처리 text 요소 복사하면 가변으로 박스 크기가 늘어난다. UI.UX 피그마/실무꿀팁 약 1년 전
애드센스광고 안보임현상 해결!!!!!! 와. 카카오연동하고나서 애드센스 광고가 안보이는 페이지들이 있었는데 아무리 찾아도 별 방법이 없길래 너무 귀찮아서 방치했었음 ㅠㅠ 폭풍검색하다가 찾아낸 방법으로 모든 페이지 광고 뜹니다!!!! 블로그 애드센스 관리화면으로 가셔서 수정 누르시고 사이즈를 지정해주세요. PC는 700대 사이즈 하셔도 되고 모바일을 300 사이즈로 변경하시면 됩니다. ^^ IT 재능기부/컴맹 2년 전
피그마 들여쓰기 피그마에서 들여쓰기 기능에 대해서 알아보자! type 셋팅창에 들어가서 ... 이렇게 생긴 버튼을 누르면 상세셋팅창이 뜬다! 5번째줄에 paragraph indent 수치를 적당히 조절해 주면 끝! ^^ UI.UX 피그마 2년 전
피그마 텍스트 속성 일괄 변경!!!!! 꿀팁 프레임 몇개를 클릭해서 선택한다 ctrl+? 누른다 ---> 검색창 뜸 검색창에 same 단어를 쓴다 select all with same text properies ---------> 클릭한다 위 과정을 거쳤으면 작업된 모든 프레임의 텍스트들의 속성을 컨트롤 할수가 있습니다. 자간같은 공통사항 변경하시면 되요 ^^ 도움 되셨길 바랍니다. 감사합니다. ^^ UI.UX 피그마/실무꿀팁 2년 전
스타일(Styles) 관리하기 (색, 폰트 저장하기) 피그마에서 특징적인점이 있다면 스타일 관리하기 기능이 있습니다. 스타일가이드와 유사한 기능으로 반복적으로 체크해야 하는 컬러가 있을때 저는 도움이 많이 되더라구요. UI.UX 피그마/실무꿀팁 2년 전
디자인 히스토리 정리하기_피그마 페이지(figma page)의 활용 실무에서 운영을 하거나 시안 작업을 진행할경우 같은 디자인파일 안에서 히스토리를 남겨야 하는 경우가 빈번하게 생깁니다. 포토샵에선 각각의 PSD에 네임으로 분류를 해야했지만 피그마에서는 동일 디자인작업파일 안에서 페이지를 추가하여 간편하게 히스토리 정리를 할수 있습니다! 유레카! 아래 첨부파일을 보고도 잘 모르시겠다면 댓글로 질문을 남겨주세요~~~~ 감사합니다! UI.UX 피그마/실무꿀팁 2년 전
피그마 컬러스타일 폴더별로 정리할 수 있다고? 피그마 스타일 방식은 Local Libraries(로컬 라이브러리)로 분류됩니다. 포인트로 쓰이는 색상, 테이블에서 쓰이는 색상 텍스트에서 사용하는 색상 등 작업별로 나눠서 분류해두면 차후 디자인 작업시 간편하게 클릭 한방으로 동일 톤앤매너를 유지할수 있습니다. (아래 첨부 파일을 참고해 주세요.) 피그마 컬러스타일 등록 방법이 궁금하신분들은 아래 링크를 참고해 주세요! https://hyobulli.tistory.com/entry/%EC%8A%A4%ED%83%80%EC%9D%BCStyles-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0-%EC%83%89-%ED%8F%B0%ED%8A%B8-%EC%A0%80%EC%9E%A5%ED%95%98%EA%B8%B0 해당 라이브러리를 다른 프로젝트.. UI.UX 피그마/실무꿀팁 2년 전
피그마 디자인파일 이동시키기 실무에서 팀프로젝트에서 디자인 작업을 해야 하는 경우도 있지만 시안 작업할때 모두가 접속해서 언제든 내 작업물을 지켜본다는게 부담스럽지 않으신가요? 저는 부담스럽더라구요. ㅋㅋㅋㅋ move to projects을 클릭해서 Drafts 영역으로 옮긴 후 홀가분하게 혼자만의 공간에서 디자인 작업 하시길 바랍니다. ^^ 첨부파일을 봐도 궁금하신 사항이 있으시다면 댓글로 문의 남겨주세요 ^^ 다음 포스팅으로 또 뵈요~~~ 빠잉 UI.UX 피그마/실무꿀팁 2년 전
페이지 배경색 변경하기 피그마는 아트보드를 포괄하는 전체 캔버스 영역을 페이지라고 합니다. 이는 페이지의 배경색을 바꾸는 작업이라고 말할수 있습니다. 아래 첨부파일 참고해주세요! 디자인파일 생성 후 -> 우측 [백그라운드] 에서 네모 컬러칩을 클릭-> 포토샵에서 익숙하게 봤던 컬러차트가 보입니다. ^^ 자유롭게 색상 조절해서 사용해 주세요. 첨부파일을 봐도 궁금하신 사항이 있으시다면 댓글로 문의 남겨주세요 ^^ 다음 포스팅으로 또 뵈요~~~ 빠잉 UI.UX 피그마/실무꿀팁 2년 전