웹 개발 기본 & 디자인

[Figma] 플러그 인

Data Jun 2025. 12. 6. 03:43

Unsplash & Content Reel로 프로필 UI를 빠르게 완성하는 방법

피그마로 프로필 카드나 사용자 리스트 화면을 만들다 보면,
사진을 넣고 이름을 채우는 반복 작업 때문에 시간이 오래 걸릴 때가 있습니다.
이럴 때 가장 강력하게 작업 시간을 단축해주는 기능이 바로 Figma 플러그인입니다.

 

오늘은 실무에서도 가장 많이 사용하는
Unsplash — 사진 자동 채우기 플러그인
Content Reel — 더미 텍스트 자동 입력 플러그인
두 가지를 활용하는 방법을 소개합니다.

 

1. Unsplash 플러그인으로 사진 자동 채우기

Unsplash는 고품질 이미지를 무료로 제공하는 서비스인데,
피그마 플러그인으로도 제공되어 프레임에 바로 사진을 넣을 수 있는 기능이 있습니다.

 

사용 방법

 

1️⃣ 플러그인 설치 후 실행

  • 화면 하단 플러그인 아이콘에서 Unsplash 선택

2️⃣ 사진을 넣고 싶은 프레임 클릭 

 

3️⃣ 플러그인에서 원하는 카테고리 선택

  • 예: portrait(인물)

 4️⃣ 선택된 프레임에 자동으로 이미지가 채워짐

 

이미지처럼 여러 인물 사진이 필요한 UI를 제작할 때
일일이 업로드할 필요 없이 자동으로 적용되어 매우 편리합니다.

 

Unsplash - portrait 기능

 

 

2. 여러 개의 프레임에 동시에 사진 넣기

Ctrl + Shift → 프레임 선택 → Portrait 클릭

여러 개체에 일괄적으로 이미지 넣기가 가능하다는 점도 Unsplash의 장점입니다.

방법

  • Ctrl + Shift 를 누른 상태에서 여러 프레임을 선택
  • Unsplash 플러그인 실행
  • Portrait 카테고리 선택

그러면 선택한 모든 프레임에 서로 다른 인물 사진이 자동 배치됩니다.
프로필 리스트를 만들 때 작업 속도가 진짜 압도적으로 빨라져요.

 

3. Content Reel로 이름/텍스트 자동 채우기

사진만 채워서는 프로필 UI가 완성되지 않죠.
이름, 이메일, 날짜 같은 텍스트도 들어가야 합니다.

이때 사용하는 플러그인이 바로 Content Reel 입니다.

 활용 방법

  • Content Reel 플러그인을 실행
  • 이름이 들어갈 텍스트 박스를 선택
  • Full Name (first last) 클릭

그럼 자동으로 이름이 랜덤 생성되어 텍스트 레이어에 채워집니다.

이미지처럼 여러 명의 이름을 한 번에 채워야 할 때 정말 강력합니다.

Content Reel - Full Name 기능

 

 

정리하면

 

피그마 플러그인은 단순한 옵션이 아니라
디자인 효율을 dramatically 올려주는 필수 도구입니다.

 

Unsplash로 사진을 자동 채우고,
Content Reel로 텍스트를 자동 넣으면,
반복되는 작업을 최소화하고 더 중요한 디자인 작업에 집중할 수 있습니다.