🔥 놀랍도록 쉬운 피그마 그래픽 플러그인 5

🆕 신규 콘텐츠 안내

팁스터 뉴스레터에서는 현재 서비스의 문제 해결 방법을 확인하는 멤버십 콘텐츠와 특정 기능 단위의 업데이트 사례를 소개하는 콘텐츠 그리고 메이커들의 실무와 관련된 다양한 이야기를 확인하는 콘텐츠를 발행하고 있어요. 모두 업무와 밀접하게 관련된 내용을 다루고자 하는 마음으로 시작했지만, 업무에 도움이 되는 서비스나 툴을 직접적으로 소개하는 내용은 자주 발행하지 못했던 것이 사실인데요!

그래서 앞으로는 디자인 업무를 더 효율적으로 진행할 수 있도록 도와주는 서비스와 툴을 주제나 상황에 따라 소개하는 내용을 발행하고자 합니다. 오늘 첫 번째 뉴스레터에서는 디자인 업무에 도움을 받을 수 있는 ‘피그마 그래픽 플러그인 다섯 가지’를 두 명의 에디터가 정리했습니다. 앞으로도 3주에 한 번, 화요일 오전을 기대해주세요!

🌵 뉴스레터를 함께 만들어갈 에디터

(🌵 깨비) 저는 스타트업에서 프로덕트 디자이너로 첫 커리어를 시작했습니다. 내가 디자인한 서비스가 세상에 나오고 유저들로부터 즉각적인 피드백이 돌아온다는게 참 좋았답니다. 1인분의 몫을 해내기 위해 열심히 고군분투하며 제가 조금이나마 경험하고 알게된 것들을 즐겁게 공유하고 싶어요!

1. Remove Background (Privacy-First)

첫 번째 플러그인은 클릭 한 번으로 이미지의 배경을 지워주는 플러그인입니다.

플러그인을 실행하고 배경 제거를 클릭하면 몇 초안에 자동으로 배경을 인식해 제거해 줍니다. 사용법이 정말 간단해 누구나 쉽게 사용할 수 있으며, 아래와 같은 특징이 있어요.

사실 이런 종류의 플러그인은 시중에 많이 나와 있는데요! 사용법이 간편한 것도 좋지만 결과물의 퀄리티가 매우 중요합니다. 직접 사용해 본 사진을 보여드릴게요

5초 투자해서 이정도 결과물이라면… 만족스럽지 않은가요?

Remove background 자세히 보기

⭐ 함께 써보기 좋은 툴 : 이미지 및 동영상 배경 제거 서비스 모음

2. vga dithercore.exe

두 번째 플러그인은 픽셀 이미지 생성 플러그인입니다.

80-90년대 컴퓨터 그래픽 느낌의 픽셀 패턴과 컬러칩으로, 초기 PC 느낌의 이미지를 빠르게 만들 수 있습니다.

해당 플러그인을 활용해 만들어본 이미지인데요. 피그마에서도 이런 분위기의 작업을 할 수 있다는게 놀랍지 않으신가요? 이미지 사이즈를 다양하게 제공하고 있어서 고화질 작업도 문제 없습니다.

vga dithercore.exe 자세히 보기

3. Image Palette

세 번째 플러그인은 특정 이미지를 통해 컬러를 추출해주는 플러그인입니다.

피그마에서도 원하는 곳을 선택해 컬러를 확인할 수 있는 기능이 제공되지만, 한 번에 하나의 컬러만 확인할 수 있어 여러 개의 컬러를 확인하고자 할 때 불편하게 다가오는 경우가 있어요. 이런 상황에서 ‘이미지 팔레트’ 플러그인을 활용하면 선택한 이미지에서 최대 5개의 컬러를 추출해 확인할 수 있죠.

우편함이 포함된 네 장의 이미지를 통해 테스트를 해봤는데요. 이미지 하단에 다섯 개의 컬러가 바로 생성된 것을 알 수 있어요. 클릭 한 번으로 이렇게 바로 컬러를 추출해 준다는 점이 가장 큰 매력! 물론 이는 대략적인 값으로 정확도를 보장하지 않는다는 것이 플러그인 설명에도 쓰여있지만, 저는 빠른 추출이 가능하다는 점에 더 큰 점수를 주고 싶어요.

image palette 자세히 보기

4. ARC

네 번째 플러그인은 텍스트를 원하는 방향에 따라 편집할 수 있는 플러그인입니다.

피그마에서도 기울임을 적용한 텍스트 스타일 편집은 가능한데요. 위, 아래 등 원하는 방향을 기준으로 편집하는 데는 한계가 있었어요. 그래서 스플래시 화면이나 회원가입 및 로그인 화면 등에서 텍스트를 강조하고자 할 땐 다른 툴에서 작업해야 하는 불편도 있었죠. 이런 상황에서 ‘Arc’는

‘Tipster 뉴스레터 구독하기’라는 텍스트를 선택한 뒤, 플러그인을 실행한 모습이에요. 설정한 %에 따라 어떻게 보이는지 미리 보기가 가능하고, 확대해서 살펴볼 수 있는 기능도 제공해요. 원하는 모양이 완성되었다면 하단의 ‘적용(Apply)’버튼을 눌러주면 끝!

ARC 자세히 보기

5. Noise & Texture

다섯 번째 플러그인은 특정 질감을 표현하거나 그라데이션을 생성하는데 도움이 되는 플러그인입니다.

이미 생성된 레이어에 질감이나 패턴 그리고 그라데이션을 적용할 수 있으며, 플러그인 자체에서 사이즈, 모양, 투명도 등을 지정해 새로운 레이어를 생성하는 것도 가능해요.

플러그인을 통해 그라데이션, 패턴, 특정 질감을 표현한 모습인데요. 이런 작업을 피그마를 포함한 관련 툴에서 직접 설정하려면 시간을 따로 투자해야 하는 경우가 많은데, 필요한 설정을 입력 또는 선택하면 순식간에 그럴듯한 모습을 만들어주니 더 매력적!

Noise & Texture 자세히 보기

디자인 업무 효율을 높여주는 툴을 만들고 있으신가요? 

📮 광고 및 제휴 문의: https://tally.so/r/wa5WKE

📮 다음 주제 및 발행일 안내

'디자인 업무 효율을 높여주는 툴' 두 번째 내용도 피그마 플러그인을 소개하려고 해요. 다음 주제는 '생산성' 관련 플러그인이며, 발행일은 12월 12일 화요일입니다. 그럼, 다음 뉴스레터도 많은 기대 부탁드려요!

💬 이번 뉴스레터는 어땠나요?

링크를 통해 뉴스레터에 대한 의견을 남겨주세요. 꼭 소개 되었으면 하는 툴도 좋고, 다음에 꼭 다뤘으면 하는 주제도 좋아요! 

팁스터 뉴스레터에서는 프로덕트와 관련된 다양한 주제의 콘텐츠를 발행하고 있어요!

멤버십 콘텐츠 중 '캠핑'편은 무료로 체험하실 수 있어요!

팁스터 에디터와 함께 하는 클럽도 확인해보세요!