본문 바로가기

반응형
피그마 플러그인 추천
반응형
7

[figma] 레이어 이름 쉽게 쓰는 플러그인 Figma Autoname! 안녕하세요. 당근입니다. 피그마가 대중화되면서 디자인 파일을 공유하는 일이 잦아지고 있습니다. 그럴 때 레이어 정리와 이름 쓰는 거 정말 귀찮잖아요. 오늘은 레이어 이름 지정에 매우 유용한 플러그인을 소개해보려고 합니다. 바로 Figma Autoname! 얼른 설치부터 해볼까요? 피그마 메인 메뉴 - Plugin - Manage Plug in 선택하셔서 플러그인 창을 열어줍니다. figma autoname 을 검색하시고요. Run을 클릭해서 플러그인을 실행시킵니다. https://www.figma.com/community/plugin/1160642826057169962 Figma Autoname | Figma Community Free & Open Source. Sponsor the plugin www... 2023. 12. 13.
[피그마 figma] 피그마에서 Blob 오브젝트를 쉽고 빠르게 만들어보자. [피그마 figma] 피그마에서 Blob 오브젝트를 쉽고 빠르게 만들어보자. 안녕하세요! 당근입니다. 알록달록하게 귀여운 디자인부터 사진을 활용한 깔끔하고 힙한 디자인까지 널리 쓰이는 Blob 쉐입를 아시나요? 혹시 모르시는 분들을 위해 구글에서 검색해온 이미지 결과들입니다. 이걸 보니까 뭔지 확 와닿으시죠? 바로 자연스러운 얼룩 모양을 재현해서 유기적인 느낌을 주는 디자인입니다. 일러스트나 피그마 등등 그래픽 디자인 프로그램에서 패스로 쉽게 만들 수 있는 오브젝트지만, 은근히 직접 만들려면 뭔가 부자연스럽고 계속 실행취소 단축키를 누르게 된답니다. 그래서 오늘은 피그마에서 플러그인을 활용해 쉽고 빠르게! Blob 모양을 만들어보겠습니다. https://www.figma.com/community/plug.. 2021. 6. 24.
[피그마] Google Sheet Sync : 이미지와 데이터를 스프레드 시트로 한번에 업데이트 해보자. [피그마] Google Sheet Sync : 이미지와 데이터를 스프레드 시트로 한번에 업데이트 해보자. 안녕하세요. 당근입니다. 오늘은 다른 플러그인들과 달리 사용법이 조금... 아주 조금 복잡해서 미뤄두었던 꿀 플러그인 Google Sheet Sync를 소개해보겠습니다. 같은 포맷인 컴포넌트에 데이터가 다르게 많이 들어갈 때, 어떻게 하시나요? 예를 들어 쇼핑몰에 상품이 100개 있다고 해볼게요. 그럼 100개의 상품 이미지와 이름과 설명과 별점과 등등의 요소들이 있겠죠? 시안을 만드는 단계에서도 생각보다 같은 레이아웃에 다른 데이터를 넣어야 할 일들이 많이 생깁니다. 일일이 텍스트 수정하고~ 이미지 수정하고~ 컬러 바꾸고~ 이런 생고생을 덜어줄 구글 시트 싱크! 빨리 소개해볼게요. 먼저 플러그인을 .. 2020. 8. 25.
[피그마] 구글 Material Design Icons 플러그인으로 기본 아이콘 쉽게 삽입하기 [피그마] 구글 Material Design Icons 플러그인으로 기본 아이콘 쉽게 삽입하기 안녕하세요. 당근입니다. 오늘은 피그마figma에서 기본적인 아이콘이 필요할 때 쉽게 삽입하는 플러그인을 소개해드릴거예요. 안드로이드 Material Design icon은 정리도 잘 되어있고 아이콘 종류도 다양해서 널리 쓰이는 무료 아이콘입니다. 피그마에서 플러그인을 이용해서 별도로 svg이미지를 복사하거나 불러오지 않아도 손쉽게 삽입하고 편집하실 수 있어요. 먼저 플러그인 설치를 위해 피그마에서 햄버거버튼(왼쪽 상단) Plugins - Manage plugins...에 들어가셔서 Plugins-Browse all plugins을 누르시거나 아래 주소로 직접 플러그인 페이지에 접속하셔서 플러그인을 설치해주세요.. 2020. 5. 9.
[피그마] 고퀄리티 무료 이미지를 바로 불러올 수 있는 플러그인 : Unsplash [피그마] 고퀄리티 무료 이미지를 바로 불러올 수 있는 플러그인 : Unsplash 안녕하세요. 당근입니다. 요즘 피그마를 활용하여 조금씩 업무도 보고 이것저것 만져보면서 적응중인데요. 오늘도 편하고 퀄리티도 좋은 플러그인을 소개해드리려고 합니다. 바로 Unsplash 라는 무료 이미지를 삽입할 수 있는 플러그인입니다. Unsplash 디자인 무료 리스소 사이트에 대해 정리한 페이지에서 한 번 정리한 적이 있는 사이트 인데요. 무료이면서도 느낌있는 고퀄리티 이미지가 많은 사이트입니다. 정말 좋아요. 혹시 무료 리소스에 대한 포스팅이 궁금하시면 여기를 클릭하세요. 언스플래쉬를 설치하고 실행하세요. Plugins - Unsplash를 클릭하면 실행됩니다. 플러그인 사용해보려고 임의의 레이아웃을 만들어봤습니다.. 2020. 4. 23.
[피그마] 플러그인 추가하기 [피그마] 플러그인 추가하기 안녕하세요. 당근입니다. 오늘은 디자인 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.