반응형 figma ui 반응형 3 [피그마] 플러그인 추가하기 [피그마] 플러그인 추가하기 안녕하세요. 당근입니다. 오늘은 디자인 UI프로토타입 툴인 피그마에서 플러그인들을 설치하는 방법에 대해 알아볼 건데요. 데스크탑 앱이나 브라우저 환경 모두 설치방법이 동일합니다. 플러그인 설치는 두가지 방법이 있어요. 먼저 피그마 내부에서 검색하여 설치하는 방법, 또는 검색이나 여러가지 추천 링크를 통해 플러그인 페이지로 바로 접근했을 경우에 해당 페이지에서 설치하는 방법이 있습니다. 1. 피그마 내부에서 플러그인 설치 먼저 피그마 내부에서 플러그인을 검색하여 설치하는 방법에 대해 알아볼게요. 좌측 상단에 햄버거 버튼을 누르셔서 Plugins - Manage Plugins 메뉴에 들어갑니다. 그럼 플러그인 목록이 쭉 뜨는 걸 보실 수 있어요. 이것 저것 둘러보는 것도 도움이 .. 2020. 4. 22. [피그마] 테두리 한쪽 면만 할 수 있는 피그마 플러그인 : Border *피그마 2022년 5월 업데이트를 통해 플러그인 없이도 구현할 수 있도록 개선되었습니다. 오토레이아웃 등 사용성 면에서 훨씬 뛰어나니까 먼저 이 포스팅을 참고해보세요. https://nicecarrot2.tistory.com/218 [figma] 피그마 2022년 5월 업데이트! 테두리 한쪽만 하기 [figma] 피그마 2022년 5월 업데이트! 테두리 한쪽만 하기 안녕하세요! 당근입니다. 피그마가 최근 22년 5월에 대규모 업데이트를 했어요. 유튜브로 간단히 업데이트 내용을 설명하는 프리젠테이션 nicecarrot2.tistory.com [피그마] 테두리 한쪽 면만 할 수 있는 피그마 플러그인 : Border 안녕하세요. 당근입니다. 오늘은 피그마에서 테두리를 설정할 때 border-top borde.. 2020. 4. 21. [피그마figma] 텍스트 길이에 따라 변하는 플렉서블flexible 버튼 만들기 [피그마figma] 텍스트 길이에 따라 크기가 변하는 플렉서블flexible 버튼 만들기 안녕하세요. 당근입니다. 오늘은 간단하지만 되게되게 유용한 피그마 튜토리얼입니다. 저도 요즘 피그마에 적응중이라 차근차근 해보면서 가끔은 삽질도 하면서? ... 공부해나가는 중입니다. 오늘은 버튼을 만들어볼건데 텍스트를 기준으로 여백을 유지하면서 자동으로 크기가 늘어나는 버튼을 만들 것입니다. 이렇게 말이죠. 먼저 버튼을 만들고 Create Component 해줍니다. 버튼 안에 있는 텍스트의 위치가 박스의 중앙에 위치하도록 Constraints를 설정합니다. Paragraph도 가운데 정렬해주셔야 텍스트 수정할 때 용이하겠죠. 텍스트의 가로크기를 확인하신 다음 박스를 다시 선택하시고 텍스트 크기+양옆 여백(패딩)을.. 2020. 3. 3. 이전 1 다음
