Find in page: 피그마에서 레이어와 텍스트 검색하기

피그마를 사용하다보면 수없이 많은 레이어나 컴포넌트 중에서 원하는 것을 찾아 이동하기 쉽지 않을 때가 있습니다. 피그마로 처리할 수 있는 것이 많아질수록 파일이 크고 복잡해지는데, 이 때 어디에 내가 찾는 그래픽 요소가 있는지 찾기 어려워집니다. 파인드 인 페이지 Find in page는 이런 상황에 유용한 피그마 플러그인입니다.

기능

  • 프레임 이름 검색
  • 텍스트 검색
  • 찾은 프레임, 텍스트로 이동
  • 텍스트 바꾸기

파인드 인 페이지 Find in page를 이용해 피그마 파일에 포함된 프레임, 레이어를 검색할 수 있습니다.

플러그인을 실행하면 내가 검색하고 싶은 범위를 정합니다. 찾고싶은 키워드를 입력하고 레이어나 텍스트 중 어떤 것을 검색할 것인지 정합니다. 만약 레이어를 검색할 경우 어떤 타입만 검색할지도 선택할 수 있습니다.

검색 결과를 눌러 뷰를 이동할 수 있고 기존 키워드를 다른 키워드로 한번에 대체할 수도 있습니다.

더 보기 및 출처

비슷한 글

Find in page: 피그마에서 레이어와 텍스트 검색하기

Find in page: 피그마에서 레이어와 텍스트 검색하기

피그마를 사용하다보면 수없이 많은 레이어나 컴포넌트 중에서 원하는 것을 찾아 이동하기 쉽지…

TinyImage Compressor: 최강의 이미지 압축 플러그인

TinyImage Compressor: 최강의 이미지 압축 플러그인

TinyImage는 이미지 압축 프로그램입니다. Tinypng.com이라는 유명한 이미지 압축 웹사이트로 피그마 플러그인도 지원합니다.…

Framer: 접속되는 웹사이트 5분만에 만들 수 있는 툴

Framer: 접속되는 웹사이트 5분만에 만들 수 있는 툴

요즘 여러 회사가 웹 기반 서비스를 이용해 흥미로운 설문 조사나 미니 게임을…

Figmotion: 가볍게 모션 만져보기

Figmotion: 가볍게 모션 만져보기

살아있는 인상을 전하는 모션은 이제 디지털 프로덕트에서 필수 요소가 되었습니다. 하지만 모션을…

BrandFetch: 전세계 브랜드 에셋 받기 플러그인

BrandFetch: 전세계 브랜드 에셋 받기 플러그인

BrandFetch는 각종 전세계 브랜드의 로고, 심볼을 사용할 수 있는 플러그인입니다. 내가 원하는…

Image Tracer: 비트맵을 벡터로 바꿔주는 피그마 플러그인

Image Tracer: 비트맵을 벡터로 바꿔주는 피그마 플러그인

가끔 로고나 단순한 이미지의 벡터가 필요할 때가 있는데요. 피그마로 작업하다 다른 툴을…

피그마 플러그인

피그마 플러그인

유용하게 사용하고 있는 피그마 플러그인입니다. 3707

더 보기

TinyImage Compressor: 최강의 이미지 압축 플러그인

TinyImage는 이미지 압축 프로그램입니다. Tinypng.com이라는 유명한 이미지 압축 웹사이트로 피그마 플러그인도 지원합니다. TinyImage는 PNG, JPG, PDF, WebP 등 디지털 환경에서 자주 쓰이는 이미지 파일을 퀄리티 손상 없이 드라마틱하게 압축합니다.

포토샵이나 일러스트레이터로 이미지를 작업할 때는 TinyImage의 웹사이트에 직접 방문해 이미지를 압축합니다. 브라우저를 켜는 것 자체가 귀찮을 때는 피그마를 사용하면 더 빠르게 작업할 수 있습니다. 피그마 안에서 이미지를 제작하고 이미지를 내보낼 때 TinyImage 플러그인을 사용하면 압축된 이미지를 바로 내보낼 수 있습니다. 한달에 사용에 제한이 있지만 개인이 사용하기에는 충분한 양입니다. 여러 장을 압축할 경우 금액을 지불하고 시리얼 넘버를 받을 수 있습니다.

더 보기 및 출처

비슷한 글

Find in page: 피그마에서 레이어와 텍스트 검색하기

Find in page: 피그마에서 레이어와 텍스트 검색하기

피그마를 사용하다보면 수없이 많은 레이어나 컴포넌트 중에서 원하는 것을 찾아 이동하기 쉽지…

TinyImage Compressor: 최강의 이미지 압축 플러그인

TinyImage Compressor: 최강의 이미지 압축 플러그인

TinyImage는 이미지 압축 프로그램입니다. Tinypng.com이라는 유명한 이미지 압축 웹사이트로 피그마 플러그인도 지원합니다.…

Framer: 접속되는 웹사이트 5분만에 만들 수 있는 툴

Framer: 접속되는 웹사이트 5분만에 만들 수 있는 툴

요즘 여러 회사가 웹 기반 서비스를 이용해 흥미로운 설문 조사나 미니 게임을…

Figmotion: 가볍게 모션 만져보기

Figmotion: 가볍게 모션 만져보기

살아있는 인상을 전하는 모션은 이제 디지털 프로덕트에서 필수 요소가 되었습니다. 하지만 모션을…

BrandFetch: 전세계 브랜드 에셋 받기 플러그인

BrandFetch: 전세계 브랜드 에셋 받기 플러그인

BrandFetch는 각종 전세계 브랜드의 로고, 심볼을 사용할 수 있는 플러그인입니다. 내가 원하는…

Image Tracer: 비트맵을 벡터로 바꿔주는 피그마 플러그인

Image Tracer: 비트맵을 벡터로 바꿔주는 피그마 플러그인

가끔 로고나 단순한 이미지의 벡터가 필요할 때가 있는데요. 피그마로 작업하다 다른 툴을…

피그마 플러그인

피그마 플러그인

유용하게 사용하고 있는 피그마 플러그인입니다. 3707

더 보기

Figmotion: 가볍게 모션 만져보기

살아있는 인상을 전하는 모션은 이제 디지털 프로덕트에서 필수 요소가 되었습니다. 하지만 모션을 시작해보려 해도 쉽사리 도전하기 어려울 때가 많습니다. 생각보다 준비할 것이 많고 제작이 쉽지 않기 때문입니다. 어도비의 애프터 이펙트를 구독해야 하고 움직임을 피그마나 다른 개발 환경에서 사용하기 좋게 변환해주는 Lottie라는 플러그인도따로 배워야 합니다.

피그모션 Figmotion은 다음 단계의 어려운 모션을 배우기 전에 피그마로 간단한 모션을 만들어 볼 수 있는 플러그인입니다. 애프터 이펙트 After Effect에서 주로 많이 사용하는 기능들을 간단하게 사용할 수 있습니다. 가장 많이 쓰이는 위치, 투명도를 프레임별로 조절할 수 있고 베지어 곡선으로 움직임을 섬세하게 조절할 수도 있습니다. 무겁게 파일을 사용하지 않아도 되니 가볍게 사용하기 좋은 플러그인입니다. gif로 내보낼 수 있고 개발에서 사용하는 CSS나 JSON으로도 내보낼 수 있습니다.

더 보기 및 출처

비슷한 글

Find in page: 피그마에서 레이어와 텍스트 검색하기

Find in page: 피그마에서 레이어와 텍스트 검색하기

피그마를 사용하다보면 수없이 많은 레이어나 컴포넌트 중에서 원하는 것을 찾아 이동하기 쉽지…

TinyImage Compressor: 최강의 이미지 압축 플러그인

TinyImage Compressor: 최강의 이미지 압축 플러그인

TinyImage는 이미지 압축 프로그램입니다. Tinypng.com이라는 유명한 이미지 압축 웹사이트로 피그마 플러그인도 지원합니다.…

Framer: 접속되는 웹사이트 5분만에 만들 수 있는 툴

Framer: 접속되는 웹사이트 5분만에 만들 수 있는 툴

요즘 여러 회사가 웹 기반 서비스를 이용해 흥미로운 설문 조사나 미니 게임을…

Figmotion: 가볍게 모션 만져보기

Figmotion: 가볍게 모션 만져보기

살아있는 인상을 전하는 모션은 이제 디지털 프로덕트에서 필수 요소가 되었습니다. 하지만 모션을…

BrandFetch: 전세계 브랜드 에셋 받기 플러그인

BrandFetch: 전세계 브랜드 에셋 받기 플러그인

BrandFetch는 각종 전세계 브랜드의 로고, 심볼을 사용할 수 있는 플러그인입니다. 내가 원하는…

Image Tracer: 비트맵을 벡터로 바꿔주는 피그마 플러그인

Image Tracer: 비트맵을 벡터로 바꿔주는 피그마 플러그인

가끔 로고나 단순한 이미지의 벡터가 필요할 때가 있는데요. 피그마로 작업하다 다른 툴을…

피그마 플러그인

피그마 플러그인

유용하게 사용하고 있는 피그마 플러그인입니다. 3707

더 보기

Image Tracer: 비트맵을 벡터로 바꿔주는 피그마 플러그인

가끔 로고나 단순한 이미지의 벡터가 필요할 때가 있는데요. 피그마로 작업하다 다른 툴을 켜서 패스를 따기 귀찮을 때가 있습니다. 손으로 만들기 어려운 이미지도 있고요. Image tracer는 비트맵 이미지를 벡터로 바꿔주는 간단한 피그마 플러그인입니다.

어도비 일러스트레이터에 있는 트레이싱 기술과 비슷합니다. 비트맵 이미지 품질을 조절할 수 있고 부드러움과 곡선 정도를 조절할 수 있습니다. 일러스트레이터만큼 정교하게 패스와 포인트를 정의할 순 없지만 빠르게 벡터화하기 좋은 플러그인입니다.

더 보기

플러그인 홈

비슷한 글

Find in page: 피그마에서 레이어와 텍스트 검색하기

Find in page: 피그마에서 레이어와 텍스트 검색하기

피그마를 사용하다보면 수없이 많은 레이어나 컴포넌트 중에서 원하는 것을 찾아 이동하기 쉽지…

TinyImage Compressor: 최강의 이미지 압축 플러그인

TinyImage Compressor: 최강의 이미지 압축 플러그인

TinyImage는 이미지 압축 프로그램입니다. Tinypng.com이라는 유명한 이미지 압축 웹사이트로 피그마 플러그인도 지원합니다.…

Framer: 접속되는 웹사이트 5분만에 만들 수 있는 툴

Framer: 접속되는 웹사이트 5분만에 만들 수 있는 툴

요즘 여러 회사가 웹 기반 서비스를 이용해 흥미로운 설문 조사나 미니 게임을…

Figmotion: 가볍게 모션 만져보기

Figmotion: 가볍게 모션 만져보기

살아있는 인상을 전하는 모션은 이제 디지털 프로덕트에서 필수 요소가 되었습니다. 하지만 모션을…

BrandFetch: 전세계 브랜드 에셋 받기 플러그인

BrandFetch: 전세계 브랜드 에셋 받기 플러그인

BrandFetch는 각종 전세계 브랜드의 로고, 심볼을 사용할 수 있는 플러그인입니다. 내가 원하는…

Image Tracer: 비트맵을 벡터로 바꿔주는 피그마 플러그인

Image Tracer: 비트맵을 벡터로 바꿔주는 피그마 플러그인

가끔 로고나 단순한 이미지의 벡터가 필요할 때가 있는데요. 피그마로 작업하다 다른 툴을…

피그마 플러그인

피그마 플러그인

유용하게 사용하고 있는 피그마 플러그인입니다. 3707

더 보기