UI 디자이너를 위한 30가지 무료 포토샵 플러그인

게시 됨: 2022-01-11

Photoshop은 환상적인 UI 디자인을 만드는 데 도움이 되는 훌륭한 도구입니다. 그러나 Photoshop만큼 강력하지만 특정 작업을 수행하는 데 시간이 걸린다는 점은 부인할 수 없습니다. 게다가 때로는 같은 디자인 파일에 대해 다른 사람들과 공동 작업을 해야 하는 경우가 있는데, 이는 까다로울 수 있습니다.

그럴 때 Photoshop 플러그인이 유용합니다. 워크플로의 속도를 높이고 개선하며 이 게시물에서는 UI 디자이너를 위한 최고의 Photoshop 플러그인을 모았습니다.

사진가를 위한 이 무료 Photoshop 플러그인 모음도 마음에 드실 것입니다.

Photoshop 레이어의 잉크 사양

이 플러그인 덕분에 타이포그래피에서 효과 및 모양 크기에 이르기까지 레이어를 문서화하여 목업에 대한 추가 중요한 정보를 팀의 다른 구성원에게 빠르게 제공할 수 있습니다.

Photoshop 레이어 플러그인 확장의 잉크 사양

CSS3P

이 플러그인을 사용하여 Photoshop 레이어를 CSS로 쉽게 변환할 수 있습니다. 플러그인은 텍스트 레이어, 테두리 반경, 그라디언트 오버레이 등을 지원합니다. 버튼을 클릭하기만 하면 플러그인이 필요한 CSS를 생성합니다.

CSS3P 플러그인 확장

타이틀마이저 포토샵 플러그인 (엔바토 요소)

이 프리미엄 플러그인은 임의의 관련 제목, 리드, 텍스트, 날짜 및 사용자 이름을 생성합니다. 플러그인은 기술, 경제 및 정치의 세 가지 주제 범주에 대해 영어, 우크라이나어 및 러시아어 텍스트 생성을 지원합니다.

Titlemizer Photoshop 플러그인 플러그인 확장

확대/축소 도구

디자인의 세부 사항을 확인해야 하는 경우 Zoom 도구 플러그인이 유용할 것입니다. 플러그인은 디자인 영역을 실제 크기로 확장하고 장치 영역보다 2배 큰 크기를 지원합니다. 레티나 화면에 딱!

확대/축소 도구 플러그인 확장

포토샵 HTML 블록

이 플러그인을 사용하면 디자인에서 HTML 및 CSS 코드를 빠르게 생성할 수 있습니다. 플러그인은 또한 Photoshop의 특수 블록 안에 생성된 코드를 배치합니다.

Photoshop HTML 블록 플러그인 확장

슬라이스 메이커

Slice Maker를 사용하면 Android의 DPI 자산을 쉽게 만들 수 있습니다. 이 Photoshop 확장 프로그램은 모든 무거운 작업을 수행하고 내보내기 전에 생성된 각 이미지를 제어할 수 있도록 합니다.

슬라이스 메이커 플러그인 확장

원활한 패턴 생성 키트 (엔바토 요소)

패턴은 모든 디자인을 풍부하게 할 수 있으며 이 플러그인을 사용하면 버튼 클릭으로 원활한 패턴을 쉽게 만들 수 있습니다. 패턴을 만들기 전에 쉽게 미리 볼 수 있습니다.

원활한 패턴 생성 키트 플러그인 확장

글꼴 찾기

디자인에 많은 글꼴을 사용하는 경우 어떤 레이어에 어떤 글꼴이 사용되었는지 찾기가 번거롭습니다. 이 플러그인을 사용하면 레이어를 업데이트할 수 있도록 사용된 글꼴로 레이어를 빠르게 식별하고 선택할 수 있으므로 이 문제를 해결합니다.

글꼴 찾기 플러그인 확장

FontAwesomePS

FontAwesome 아이콘은 가장 인기 있는 아이콘 세트 중 하나이며 이 Photoshop 플러그인을 사용하여 이제 쉽게 디자인에 추가할 수 있습니다.

FontAwesomePS 플러그인 확장

루카 UI 키트 (엔바토 요소)

이 방대한 UI 요소 팩에는 Photoshop 전용으로 만들어진 인상적인 180개의 블록이 포함되어 있습니다. 모든 요소는 벡터 기반이며 잘 구성된 레이어를 사용합니다.

Louca UI 키트 플러그인 확장

브라우저 레이아웃 래퍼

Photoshop 디자인을 내보내지 않고 브라우저에서 어떻게 보이는지 보고 싶었던 적이 있습니까? 이 플러그인을 사용하면 Photoshop 문서를 캡처하여 Safari 내에서 브라우저 창으로 전환할 수 있으므로 쉽게 만들 수 있습니다.

브라우저 레이아웃 래퍼 플러그인 확장

크래프트 포토샵 플러그인

이 플러그인 덕분에 더 좋고 빠른 프로토타이핑을 위해 Photoshop 디자인을 InVision에 쉽게 동기화할 수 있습니다. 이렇게 하면 디자인 환경 내에서 디자인, 프로토타입 및 공동 작업을 수행할 수 있으므로 워크플로 속도를 크게 높일 수 있습니다.

Craft Photoshop 플러그인 플러그인 확장

PSD용 모든 텍스트 내보내기

이 플러그인을 사용하여 Photoshop 파일의 모든 텍스트를 일반 텍스트 파일로 내보냅니다. 이것은 실제 사본으로 작업하고 텍스트를 다른 언어로 번역해야 하는 경우에 유용합니다.

PSD 플러그인 확장에 대한 모든 텍스트 내보내기

호박색 UI 키트 (엔바토 요소)

이 현대적이고 최소한의 UI 키트는 Photoshop에서 사용할 수 있습니다. 여기에는 12열 레이아웃, 1,000개 이상의 아이콘, 아름다운 웹사이트 모형을 만들 수 있는 수많은 요소가 포함되어 있습니다.

호박색 UI 키트 플러그인 확장

2x스케일러

이 플러그인을 사용하여 레티나 화면에서 디자인이 어떻게 보이는지 빠르게 확인하십시오. 플러그인은 품질 손실 없이 디자인을 두 배로 확장합니다.

2xScaler 플러그인 확장

레이어 컨트롤 2

이 플러그인의 도움으로 할 일 목록의 최종 편집을 쉽게 지울 수 있습니다. 플러그인에는 레이어 이름 바꾸기, 사용하지 않는 효과 제거, 빈 레이어 삭제 등을 위한 7가지 유용한 스크립트가 포함되어 있습니다.

Layers Control 2 플러그인 확장

그리드파이

이 플러그인을 사용하여 Photoshop에서 사용자 정의 격자를 만듭니다. 플러그인을 사용하면 세로 리듬을 만들고, 거터를 설정하고, Photoshop 내에서 가이드를 사용하여 기타 멋진 작업을 수행할 수 있습니다.

Griddify 플러그인 확장

WeDot 와이어프레임 UI 키트 (엔바토 요소)

WeDot은 170개 이상의 템플릿이 포함된 Photoshop용 프리미엄 UI 키트이므로 단 몇 분 만에 모든 종류의 웹사이트 또는 앱의 프로토타입을 만들거나 디자인할 수 있습니다.

WeDot 와이어프레임 UI 키트 플러그인 확장

EasyMockups 플러그인

이 무료 Photoshop 플러그인을 사용하면 앱 프로토타입을 쉽게 만들고 앱 디자인을 뽐낼 수 있습니다. 플러그인에는 선택할 수 있는 10개의 모형이 제공됩니다.

EasyMockups 플러그인 플러그인 확장

아이소메트릭 아이콘 생성기

이 플러그인을 사용하여 일반적인 Photoshop 모양을 아이소메트릭 생성으로 변환합니다. 플러그인은 4가지 다른 변환과 함께 제공되며 큐브를 생성할 수도 있습니다.

IsometrIcon 생성기 플러그인 확장

포토샵용 작곡가

레이어 구성 요소는 디자인에 더 많은 컨텍스트를 제공하는 데 도움이 되지만 업데이트하는 데 지루할 수 있습니다. 이 플러그인을 사용하면 버튼 클릭으로 모든 레이어 구성 요소를 쉽게 업데이트할 수 있습니다.

Photoshop 플러그인 확장용 작곡가

종이 와이어프레임 키트 (엔바토 요소)

이 종이 와이어프레임 키트를 사용하면 프로젝트를 위한 깔끔하고 인상적인 와이어프레임을 쉽게 만들 수 있습니다. 이 키트는 Envato Elements 구독의 일부로 사용할 수 있습니다.

종이 와이어프레임 키트 플러그인 확장

긴 그림자 생성기

이제 긴 그림자가 대세이며 이 플러그인을 사용하면 원할 때마다 빠르게 그림자를 생성할 수 있습니다. 플러그인을 사용하면 그림자의 불투명도와 길이를 완벽하게 제어할 수 있습니다.

Long Shadow Generator 플러그인 확장

게임 개발자를 위한 수출업체

이 플러그인은 고급 내보내기 옵션이 필요한 모든 사람에게 탁월한 선택입니다. 고급 내보내기 작업을 위한 레이어 구성 요소, 마스크 및 작업의 결합된 기능을 제공합니다.

게임 개발자 플러그인 확장을 위한 내보내기

익스프레소

3D 아티스트라면 이 플러그인이 유용할 것입니다. 이를 사용하면 느리고 반복적이며 오류가 발생하기 쉬운 작업의 속도를 높이는 유틸리티 패널 세트를 제공하므로 워크플로를 크게 개선할 수 있습니다.

Expresso 플러그인 확장

슈퍼PNG

디자인을 PNG 파일로 자주 내보내는 경우 이 플러그인을 사용하십시오. PNG 내보내기를 더 잘 제어하고 알파 채널 처리를 더 잘 지원합니다.

SuperPNG 플러그인 확장

픽셀-벡터 생성기

이 작은 플러그인은 가장 인기 있는 Photoshop 플러그인 중 하나입니다. 멋진 기능을 제공합니다. 픽셀 모양을 벡터 모양으로 쉽게 변환하여 품질을 잃지 않고 크기를 조정하고 조작할 수 있습니다.

Pixel to Vector Generator 플러그인 확장

Velositey 버전 2

이 플러그인을 사용하면 Photoshop 내에서 웹사이트 모형을 쉽게 만들 수 있습니다. 플러그인은 경량이며 버튼 클릭으로 열 수, 미리 만들어진 레이아웃 등을 지정할 수 있도록 하여 워크플로 속도를 높입니다.

Velositey 버전 2 플러그인 확장

원활한 텍스처 생성기

사진에서 매끄러운 질감을 빠르게 만들고 싶습니까? 이 확장 기능은 바로 이러한 작업을 수행하는 데 도움이 되며 더 좋은 점은 수동으로 수행하는 데 필요한 짧은 시간에 수행할 수 있다는 것입니다.

원활한 텍스처 생성기 플러그인 확장

Renamy CC 플러그인

레이어 이름을 하나씩 바꾸는 것은 시간이 많이 소요되며 이 플러그인을 사용하면 여러 플러그인의 이름을 동시에 쉽게 바꿀 수 있으므로 이 문제를 해결합니다.

Renamy CC 플러그인 플러그인 확장

사이즈 표시

문서 또는 디자인의 특정 요소가 어떤 크기인지 다시는 궁금해하지 마십시오. 이 플러그인을 사용하면 Photoshop 문서에 크기 표시를 쉽게 추가할 수 있습니다.

크기 표시 플러그인 확장


반복적인 작업을 제거하거나 작업 흐름의 속도를 높이려는 경우 특정 작업을 보다 효율적으로 수행하는 데 도움이 되는 Photoshop 플러그인이 있습니다.

이 목록에서 Photoshop 플러그인을 구입하고 여러 레이어의 이름을 빠르게 변경하고 PNG 내보내기 등을 더 잘 제어할 수 있습니다.