피그마 플러그인 가장 많이 사용되는 plugin 소개
오늘은 피그마에서 상세페이지를 만들 때 도움이 되는 플러그인들을 소개하도록 하겠습니다.
피그마의 가장 큰 장점 중 하나가 바로 다양한 플러그인을 제공하고 있다는 점입니다.
상세페이지를 만들면서 유용하게 사용될 플러그인들이니 알아두시면 좋겠죠?
arc원형 텍스트 만들어주는 플러그인
포토샵이나 일러스트에서 보셨던 바로 그 것 맞습니다.
텍스트를 원형에 맞춰 둥글게 쓰여지게 해주는 플러그인 입니다.
아래 이미지처럼 중간에 별을 넣어 예쁜 둥근 텍스트를 만들 수도 있고, 제품이미지 주변으로 제품명이나 브랜드명을 같이 써줄 수도 있습니다.
피그마 플러그인 메뉴에서 'arc'라고 검색하시면 아래와 같은 플러그인이 검색됩니다.
사용방법 : 텍스트를 입력하고 선택 후 플러그인을 실행시켜줍니다. 우측에 있는 Bend Strength 로 저절해주시면 됩니다.
너무 쉽고 간단하죠? 이렇게 간단한 플러그인 사용만으로도 위에서 보셨던 디자인이 가능합니다.
Flaticon
피그마에서는 다양한 아이콘 플러그인들이 존재합니다. 검색에 'icon' 이라고 검색하면 정말 많은 플러그인들이 나올거에요 그중에서도 Flaticon플러그인은 상세페이지의 내용 중간중간에 삽입하기 좋은 아이콘입니다.
사용방법
처음에 검색하고 들어오면 아래처럼 all shapes가 선택되어 있습니다.
아래처럼 셀렉트 박스를 선택하고 원하시는 아이콘 형태로 이동하시면 됩니다.
아이콘을 하나 선택하면 하단에 다양한 탭메뉴들이 나오게 됩니다.
여기서 선택해서 더 다양한 아이콘들을 확인하실 수도 있습니다.
이제 아이콘을 하나 선택하겠습니다. 적용을 위해 아이콘 우측 하단에 있는 + 버튼을 눌러주면 화면에 적용됩니다.
간단하죠? 그럼 다음 피그마 플러그인을 알아보겠습니다.
Grainy Gradient
아무래도 디자인을 모르는 분들이 대부분이시기 때문에 그라데이션을 넣는 것을 무척 어려워하십니다.
이번에는 간단하게 그라데이션을 넣어주는 플러그인입니다.
Run버튼을 눌러 실행하게 되면 아래와 같은 창으로 바뀝니다. Noise효과도 넣을 수 있어서 더욱 편리한 플러그인입니다.
왼쪽 하단에 있는 컬러팔레트들을 눌러 원하는 컬러의 조합으로 변경해주세요
우측 하단 Randomize버튼을 눌러 원하는 스타일이 나올 때 까지 눌러보셔도 좋습니다.
완성되셨다면 Generate를 눌러줍니다.
Unsplash
이제는 모르는 사람이 없을 정도로 가장 많은 무료 이미지를 사용하고 있는 플러그인입니다.
검색을 해서 원하는 이미지를 찾으시면 되는데요~ 무료로 사용할 수 있는 좋은 이미지들이 많이 있어서 상세페이지 작업에 도움이 되실거에요^^ 물론 모든 이미지가 상업용이 가능한 것은 아니니 잘 찾으셔야 합니다.
오늘은 상세페이지 디자인에 도움이 될 피그마 플러그인에 대해 알아봤습니다.
행복하고 멋진 하루 되세요^^ 감사합니다.