UX 디자인/피그마 - 무료 플러그인 썸네일형 리스트형 피그마(Figma) 로 윅스 홈페이지 만드는 무료 플러그인 ‘Figma to Wix Studio’ 'Figma to Wix Studio' 소개: 디자인과 개발의 연결웹 디자인의 역동적인 세계에서, 효율성과 디자인과 개발 간의 매끄러운 통합은 매우 중요합니다. 이 점에서 'Figma to Wix Studio' 플러그인은 디자이너와 개발자가 협력하는 방식을 혁신적으로 변화시킵니다. 이 플러그인은 Figma 디자인을 Wix Studio로 직접 변환하는 과정을 간소화하여 디자인 비전과 기능적인 웹 사이트 간의 간극을 놀라운 속도로 줄여줍니다.'Figma to Wix Studio' 플러그인의 주요 기능직접 통합:이 플러그인은 Figma에서 Wix Studio로의 직접적인 파이프라인을 제공하여 수작업 코딩의 필요성을 없애고, 디자인을 기능적인 웹 요소로 번역하는 데 걸리는 시간을 크게 줄입니다.사용자 친화적인 .. 피그마(Figma) 배경 제거(누끼 따기) 무료 플러그인(Plugin) ‘아이콘8 백그라운드 리무버(Icons8 Background Remover)’ 포토샵을 통해서 보통 진행하지만, 비트맵 이미지의 특정 영역을 제거하여 일명 누끼 따기라고 불리우는 특정 인물이나 사물만 남기고 나머지를 투명처리하는 작업은 꽤나 손이 많이 가는 일입니다. 포토샵을 켜면 더 정교하게 될 수도 있지만, 어느정도 간단한 수준에서의 배경 제거는 피그마의 플러그인을 통해서도 가능합니다. 특히 관련하여 무료이면서도 좋은 품질을 지니고 있는 플러그인도 많기 때문에 활용을 고려해 보는 것도 업무 효율성 차원에서 나쁘지 않을 것으로 보입니다. 소개하고자 하는 플러그인은 배경 제거 플러그인 중 신뢰도가 높은 편에 속하는 서비스로서 '아이콘8 백그라운드 리무버'라는 이름의 플러그인입니다. 아이콘8은 각종 디자인 리소스를 제공하는 서비스로도 유명한데, 피그마용 배경 제거 플러그인도 무료로 .. 피그마(Figma) 자연스러운 그림자 생성 무료 플러그인(Plugin) ‘뷰티풀쉐도우(Beautiful Shadows)’ 피그마로 그림자를 만들다 보면 기본 그림자 효과로는 충분히 심미적으로 만족스러운 결과를 만들기가 어려울 때가 있습니다. 이럴 때에 활용할 수 있는 플러그인인 '뷰티풀 쉐도우(Beautiful Shadows)'를 소개드립니다. 해당 플러그인은 그림자의 크기와 색깔 거리 각도 등을 마우스를 드래그하여 쉽게 구성할 수 있게 도와 줍니다. 또한 최근 가장 보편적으로 아름다운 형태로 받아들여지는 그림자 형태를 기본값으로 제공하여 큰 노력 없이도 근사한 그림자 효과를 추가할 수 있도록 도와줍니다. 뷰티풀쉐도우 플러그인 다운받기피그마의 플러그인 메뉴를 활성화한 후 'Beautiful Shadows'를 키워드로 검색하여 동일한 이름의 플러그인을 발견하면 실행하도록 합니다. 해당 플러그인은 무료로 제한 없이 사용이 가능.. 피그마(Figma) 블롭(아메바 형상, blob) 생성 무료 플러그인(Plugin) ‘메이크블롭(Make blob)’ 블롭을 명확하게 한국말을 해석하기는 힘들지만, 디자인 시에 배경 또는 장식으로 사용하는 아메바 형상(모양, shape)으로 사용하는 그래픽 요소를 보통 말합니다. 아래 이미지를 보시면 블롭이 무엇인지에 대해 바로 확인이 가능하실 것입니다.피그마에서 블롭을 생성하는 방법은 여러가지가 있습니다. 직접 만들어도 되지만, 이를 지원하는 플러그인이 이미 마켓에 여러가지가 있습니다. 이 포스트에서 소개할 플러그인은 가장 다운로드 수가 많은 'Blobs'가 아닌 'Make blob'이라는 플러그인입니다. 다른 블롭 생성 플러그인을 모두 사용해 보았지만, 결과적으로 'Make blob'이 가장 사용하기도 쉽고, 결과물도 안정적으로 산출해 주었습니다.메이크블롭을 쉽고 빠르게 이쁜 블롭 생성하기메이크블롭(Make blob.. [피그마 무료 플러그인] 홈페이지(웹페이지)를 피그마에 그대로 가져오기 (html.to.design) 'html.to.design'은 웹페이지를 피그마에서 수정이 가능한 디자인 파일 형태로 그대로 가져올 수 있게 해 주는 플러그인입니다. 비슷한 기능의 플러그인들은 많았지만, 완성도면에서 부족한 면이 많은 것들이 대부분이었다고 하면 'html.to.design'의 경우 꽤 신뢰할만 한 수준의 품질을 보여 줍니다. 설치 및 사용방법 직관적인 이용방식을 보여 주는데, 플러그인 설치의 경우 여타 다른 플러그인처럼 피그마 내부에서 '플러그인' 버튼을 눌러 검색을 시작함으로써 설치 및 실행이 가능합니다. 사용방법은 플러그인 실행 시 나오는 주소창에 가져오고자 하는 페이지의 URL을 입력한 후 사이즈 등을 고르는 과정을 거쳐 임포트 버튼을 누르면 해당 웹페이지의 디자인이 간직된 신규 프레임 레이어가 생성된 것을 확인.. 피그마(Figma) 아이콘 다운로드 무료 플러그인(Plugin) ‘아이코니파이(Iconify)’ 피그마(Figma)는 다양한 아이콘을 무료로 다운받을 수 있는 플러그인을 제공해 줍니다. 그 중 유료로 제공되는 것들도 있는 반면, 무료로 제공되는 것들 중에도 높은 기능성을 통해 실제 업무에 활용하기 충분한 성능을 보여 주는 플러그인도 많습니다. 그 중 가장 오래된 피그마 플러그인이자 또 가장 많이 다운로드된 플러그인 중 하나인 ‘아이코니파이(Iconify)’를 간단한 활용법과 함께 소개해 드리고자 합니다.아이코니파이 (Iconify)쉬운 검색 및 아이콘 세트별 분류쉽게 키워드만으로 원하는 아이콘을 검색 가능하며, 특히 아이콘 세트별로 분류가 되어 있어, 원하는 아이콘 스타일을 일관되게 적용할 수 있습니다.무료이자 오픈소스 라이선스무엇보다 무료로 매우 양질의 아이콘들을 종합, 검색할 수 있는 플러그인이.. 이전 1 다음
단순함연구소 UX개발실
