새로 공개되는 수많은 Figma 플러그인을 사용해 보면서 자주 사용하거나 효과적인 몇 가지 필수 플러그인을 공유해 본다. 아래에 소개된 플러그인 이외에도 매우 훌륭한 플러그인이 계속해서 공개되고, 업데이트되고 있으며 디자인 작업에 필요한 플러그인을 찾아 더 욱 멋진 디자인으로 나아가기를 바란다.
Content Reel
가장 필수적인 Figma 플러그인 중 하나는 “Content Reel”이다. 사용자 이름, 날짜, 주소, 통화, 아바타, 아이콘, 이미지 등과 같은 임의의 콘텐츠를 생성할 수 있고 Lorem Ipsum보다 훨씬 더 유용하고 효과적이기 때문이다.
실제 콘텐츠를 사용하면 디자인이 더욱 사실적이고 자연스럽게 느껴진다.
Unsplash
모든 디자이너는 자신의 디자인을 매력적이고 매력적으로 만들고 싶어 합니다. 이미지보다 더 잘 할 수 있는 것은 없습니다. 이미지는 사용자를 가장 많이 끌어들이는 디자인의 일부이다. 따라서 디자인 내부에 고품질 이미지를 사용하는 것이 필수적이다. 그리고 이 경우 디자이너를 돕기 위해 고품질 이미지를 위한 무료 플러그인 “Unsplash”가 있다.
Unsplash는 다양한 카테고리의 100 만개 이상의 무료 스톡 사진을 제공한다. 이미지를 검색하거나 Figma 내부에 무작위로 이미지를 넣을 수 있다.
Storieset by Freepik
Storyset은 무료 그래픽 리소스 시장의 주요 참고 자료 중 하나인 Freepik의 최신 작품이다. 편집 가능한 색상과 배경이 포함된 수천 개의 일러스트레이션 개념을 다운로드할 수 있다. 모두 다른 스타일로 제공되며 온라인 편집기로 애니메이션을 적용할 수도 있다.
Iconify
Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji 및 기타 많은 아이콘(100,000개 이상의 아이콘을 포함하는 100개 이상의 아이콘 세트)을 벡터 모양으로 Figma 문서로 가져온다.
Mapsicle
다시는 지도의 스크린샷을 찍지 마세요! Mapsicle을 사용하면 모형에 지도를 빠르고 원활하게 배치할 수 있다. 대화형 지도를 사용하면 완벽한 위치로 이동하거나 전 세계 어디에서나 장소를 검색할 수 있다. 디자인에 지도를 배치했으면 Mapsicle로 돌아가 위치, 스타일, 확대/축소 수준 등을 조정할 수 있으며, Mapsicle은 Mapbox 맵을 사용하여 다양한 사용자 정의 옵션을 제공한다.
Charts
Charts를 사용하면 Figma 문서 내에서 추가 및 편집할 수 있는 차트를 생성할 수 있다. 선, 영역, 파이, 도넛, 분산형 및 막대형 차트에서 선택한다. 각 차트는 포인트 수, 최대값 및 최소값과 같은 고유한 구성 세트와 함께 제공된다.
프레임을 선택하면 차트가 프레임 내에 배치되고 그렇지 않으면 0x0 좌표에 배치되고 뷰포트가 해당 위치로 이동한다.
Vectary 3D
Vectary 3D 플러그인은 누락된 3차원을 2D 디자인에 추가한다. Figma 디자인을 미리 정의된 3D 모형 또는 사용자 지정 3D 요소에 배치한다. 원하는 시점을 3D로 설정하고 클릭 한 번으로 결과를 장면에 배치한다.
Wireframe
모두를 위한 무료 인기 Wireframe 라이브러리인 Wireframe 플러그인은 아름다운 Wireframe, user flow, prototypes 및 기본 구조를 만들기 위한 최고의 Figma 플러그인이므로 다른 키트, 파일 또는 기술이 필요하지 않는다! 끌어서 놓기만 하면 Figma에 추가할 수 있다. 모든 Wireframe은 Creative Commons License에 따라 자유롭게 사용할 수 있다.
Font Preview
이 플러그인은 플러그인 창에서 바로 입력하는 모든 항목에 대한 실시간 미리보기를 생성한다!
마음에 드는 다양한 글꼴을 시도할 수 있으며, 글꼴의 종류, 색상, 크기를 변경하고 응용 프로그램에서 잘 보이는지 확인한다.
Spelll
이 플러그인은 Figma & FigJam에 Google 문서도구와 유사한 맞춤법 검사 기능을 제공한다. Figma 또는 FigJam 문서에서 철자 오류가 있는지 지속적으로 확인하고 클릭 한 번으로 수정할 수 있다. 아쉬운 점은 회원가입으로 키값이 필요하다.
Remove BG
remove.bg API를 사용하여 클릭 한 번으로 이미지의 배경을 자동으로 제거한다. 참고적으로 이 플러그인에는 remove.bg 계정이 필요하다.
HTML Generator
디자인을 웹으로 내보내려면 두 가지 선택 사항이 있다. 첫 번째는 웹 사이트에서 직접 코딩하는 것이며, 완료하는 데 며칠이 걸릴 수 있다. 다른 선택은 “HTML 생성기”를 사용하는 것이다.
HTML Generator는 디자인을 HTML, CSS 등과 같은 코드로 내보낼 수 있게 해주는 훌륭한 플러그인이며 많은 시간과 노력을 절약할 수 있다.
Rename It
많은 경우 디자이너가 디자인 작업에 너무 깊이 빠져서 레이어 이름을 바꾸는 것을 잊어버린다. 작업을 마치면 디자인 레이어가 너무 지저분해 보이게 되는데 지저분한 레이어의 이름을 바꾸려면 “Rename It”레이어 이름을 바꾸는데 도움이 되는 플러그인이다.
Rename It 플러그인을 사용하면 일련의 알파벳, 일련의 숫자, 프레임 이름 사용, 숫자로 텍스트 추가 등과 같은 다양한 미리 만들어진 옵션으로 레이어 이름을 변경할 수 있다. 전반적으로 레이어 이름을 바꾸는 옵션은 매우 다양하다.
WebGradients
웹사이트의 어느 부분에서나 콘텐츠 배경으로 사용할 수 있는 사용하기 쉽고 강력한 기능적 그라디언트 플러그인을 한 번에 만날 수 있다.
Webgradients는 IBM, Disney, InVision, Microsoft, Apple 및 기타 많은 대기업의 신뢰를 얻었으며 정기적으로 작업에 사용된다. 180개의 멋진 색상 중에서 원하는 그라디언트를 선택할 수 있으며, 좋아하는 그라디언트를 저장하고 필터로 특정 색상을 찾을 수 있다.
Webgradients는 부드럽고 편리하며 영감을 주는 방식으로 소중한 시간을 절약할 수 있다.
Roto
Roto는 3D로 모양을 돌출시키고 회전시킨다.
Roto를 사용하여 모양을 선택하려면 Roto를 실행하고 미리보기를 끌어 개체를 회전하고 Roto의 속성을 사용하여 재생한다. 획이 있는 모양은 와이어프레임을 만들고, 단색 음영 개체의 경우 모양에 단색 채우기 색상을 지정한다. 추가 채우기 색상을 추가하면 개체의 전면 색상을 사용자 지정할 수 있다.
Image Palette
선택한 이미지에서 5가지 색상의 색상 팔레트를 추출할 수 있다.
이것은 이미지에서 가장 두드러진 다양한 색상을 대략적으로 추정하는 중앙값 절단 알고리즘을 사용한다. 알고리즘은 빠르지만 때때로 저색상 이미지, 벡터 그래픽 이미지 등과 같은 비정상적인 결과를 초래할 수 있다. 추출된 색상은 이미지의 16진수 코드와 정확히 일치하지 않을 수 있다.
Viewports
여러분의 디자인이 시장에서 합리적인 점유율을 차지하고 있는지 확인 해보자. 하나 이상의 프레임을 선택하면 뷰포트에서 원하는 디스플레이로 크기를 변경할 수 있다.
