안녕하세요 제형입니다 이번 강의에서는 디자인 업무 효율을 높이고 디자인 실무의 생산성을 높일 수 있는 필수

플러그인 탑 10을 설치하고 사용법을 알아보도록 하겠습니다 첫 번째로 알아볼 플러그인은 레드라인인데요 자

이미지를 선택하면 바로바로 디자인의 수치를 알려 줍니다 액션 버튼 클릭하고 플러그인 탭에서 레드라인을

선택하시고 런을 누르시면 나오는데요 이미지를 선택하고 첫 번째 버튼을 클릭하면 56이라고 수치가 나오죠

자 이 부분 선택하고 상단 버튼을 누르면 430이라고 나옵니다 선택하고 오른쪽 누르면 660이라고 원하는

부분을 선택할 때 수치를 이렇게 알려주는 편리한 플러그인입니다 다음은요 아이볼 플러그인인 웹에서 원하는 이미지를 피그마 작업창으로

불러올 수 있는 플러그인입니다. 먼저 UI 웹사이트에 회원 가입을 하고요, 원하는 이미지를 선택하고 내보내기를 클릭해서 UI 아이볼 플러그인에서

가져오면 되는데요. 해 보도록 하겠습니다. UI 볼 웹사이트로 들어가서 가입을 하시고요, 저는 구글로 로그인을 했고요, 원하는 UI 고르도록

하겠습니다. 저는 올리브영 UI 골라서 피그마 창으로 가져올 이미지들을 선택을 합니다. 그리고 내보내기를 클릭하는데 자 여기 설명창에 나오죠.

플러그인 설치하기가 뜨죠. 그런데 클릭하면 UI 아이볼 플러그인으로 들어와서 여기에서 들어오셔도 되고요, 아니면

일곱 개 내보내기를 클릭하고 피그마에서 확인해 보겠습니다. 피그마 UI 아이볼 플러그인에서 불러오기를

누르게 되면 방금 전에 제가 선택했던 이미지들이 모두 피그마 작업창으로 불러진 것을 확인할 수 있죠. 자 이렇게

해서 여러분들이 원하는 이미지를 찾으셔서 UI 아이볼 플러그인을 통해서 가져오셔야 활용하시면 아주 편리하게

사용할 수 있겠죠 다음은 로렘  ipsum 플러그인인 폰트나 레이아웃 등 예시를 보여 줄 때 많이 사용하죠 먼저 이

로렘  ipsum 플러그인을 설치하고 설치를 하고 나서 텍스트를 설정하고 글상자를 만드셔야 이제 창이 활성 그러면

글줄 개수를 설정을 하고 나서 이제 너레이트 버튼을 누르시면 됩니다 테스트를 해 보도록 하겠습니다 션 플러그인을 선택을 하면 이렇게

나오죠를 눌러서 드래그해서 글상자를 만들고 원하는 크기와 폰트 종류를 적고요 글의 개수를 뭐 치면 일곱

개를 적고 제너레이터를 누르게 되면 이렇게 이렇게 문장이 나옵니다 요렇게 쉽게 예시용 문장이 만들어지죠

레이아웃 예시를 만들 때 사용할 수 있는 플러그인입니다. 다음은 텍스트 크기 조절할 수 있는 플러그인인데, 선택한 텍스트의 글꼴

크기를 늘리거나 줄이는 값을 빠르게 할 수 있는 툴입니다. 자, 먼저 멀티플 폰트 리사이즈 터 살펴보도록

하겠습니다. 자, 멀티플 폰트 사이즈를 보게 되면 런을 누르시고, 자 이렇게 텍스트를 작성해서 텍스트가 지금

16인데, 자 왼쪽 버튼을 누르면 3씩 줄어들고요, 오른쪽 버튼을 누르게 되면 3씩 커지는 걸 확인할 수 있습니다.

왼쪽을 누르면 30씩 줄어들고, 오른쪽을 누르면 30씩 커지죠. 5를 쓰게 되면 5만큼씩 커지고, 5만큼씩

줄어들 수 있습니다. 편리하죠. 다음은 라이브 텍스트입니다. 자, 라이브텍 텍스트를 선택하고 런을 눌러서 여기에

숫자가 있는데 2를 선택하게 되면 드래그할 때 두 배씩 커지거나 두 배씩 줄어듭니다. 그리고 4를

선택하면 네 배씩 커지거나 네 배씩 줄어드는 걸 확인할 수 있죠. 숫자는 1, 2, 4, 8 이렇게 있습니다. 자

쉽게 텍스트를 줄이거나 늘리거나 할 때 유용하게 사용될 수 있겠죠. 다음은 프린트 스타일 가이드인데 디자인할 때

적용한 스타일을 모두 다 출력해 주는 플러그인입니다. 저희가 앞에 모바일 UI 디자인 강의에서 적용한 스타일을

한번 출력해 보도록 하겠습니다. 자 프린트 스타일 가이드를 선택하고 런을 누르게 되면 이게 이제 프린트 스타일

가이드 화면인데요. 여기에서 베리어블 컬렉션이나 뭐 스타일을 선택할 수 있는데요. 저희는 컬러 스타일과 텍스트

스타일을 선택해 보겠습니다. 그리고 프린트 스타일 가이드를 선택하게 되면 이렇게 프린트 스타일 가이드가

자동으로 이렇게 정리되어서 나오는 걸 확인할 수 있습니다. 저희가 앞에 7강에서 사용한 컬러 스타일이 다 이렇게 정리되는 것을 확인할 수 있죠.

디자인 작업을 굉장히 유용한 플러그인이라고 할 수 있겠습니다. 다음은 메모지 플러그인인데요. 이 다양한 모션들이

다양한 배경 컬러와 다양한 표정으로 그리고 다양한 각도에 맞게 연출이 되죠. 그래서 여러 각도와 여러 컬러와

다양한 표정을 만들어 낼 수 있어서 아주 유용하게 사용될 수 있는 이모션 플러그인입니다. 마지막으로 무료 이미지 플러그인인

언스플래시 플러그인까지 살펴보았습니다. 자 이렇게 해서 우리 디자인 실무에서 꼭 필요로 하는

플러그인 종류를 살펴보았습니다. 강의를 끝까지 들어 주셔서 감사합니다. 이 강의가 도움이 되셨다면 구독과 좋아요

알람 설정 부탁드리겠습니다. 감사합니다.

피그마강좌 | 10강_디자이너 필수 플러그인Top10 사용법(생산성 500프로 향상)

코딩하는 디자이너 [잘난웹디]

디자인 효율 증대를 위한 필수 플러그인 소개

Redline 플러그인: 이미지 선택 시 디자인 수치 제공

UI EyeBall 플러그인: 웹 이미지를 피그마 작업창으로 불러오는 기능

Lorem ipsum 플러그인: 폰트, 레이아웃 예시 제공

텍스트 편집 및 크기 조절 플러그인

Multiple Font Resize: 텍스트 크기 빠르게 조절

Live Text: 드래그 시 텍스트 크기 배수 조절

디자인 스타일 및 자료 관리 플러그인

Print Style Guide: 적용된 스타일 출력

Memoji 플러그인: 다양한 모션, 배경, 표정 연출

Unsplash 플러그인: 무료 이미지 제공

피그마강좌 | 10강_디자이너 필수 플러그인Top10 사용법(생산성 500프로 향상)

피그마강좌 | 10강_디자이너 필수 플러그인Top10 사용법(생산성 500프로 향상)

스크립트