Unsplash & Content Reel로 프로필 UI를 빠르게 완성하는 방법
피그마로 프로필 카드나 사용자 리스트 화면을 만들다 보면,
사진을 넣고 이름을 채우는 반복 작업 때문에 시간이 오래 걸릴 때가 있습니다.
이럴 때 가장 강력하게 작업 시간을 단축해주는 기능이 바로 Figma 플러그인입니다.
오늘은 실무에서도 가장 많이 사용하는
✔ Unsplash — 사진 자동 채우기 플러그인
✔ Content Reel — 더미 텍스트 자동 입력 플러그인
두 가지를 활용하는 방법을 소개합니다.
1. Unsplash 플러그인으로 사진 자동 채우기
Unsplash는 고품질 이미지를 무료로 제공하는 서비스인데,
피그마 플러그인으로도 제공되어 프레임에 바로 사진을 넣을 수 있는 기능이 있습니다.
사용 방법
1️⃣ 플러그인 설치 후 실행
- 화면 하단 플러그인 아이콘에서 Unsplash 선택
2️⃣ 사진을 넣고 싶은 프레임 클릭
3️⃣ 플러그인에서 원하는 카테고리 선택
- 예: portrait(인물)
4️⃣ 선택된 프레임에 자동으로 이미지가 채워짐
이미지처럼 여러 인물 사진이 필요한 UI를 제작할 때
일일이 업로드할 필요 없이 자동으로 적용되어 매우 편리합니다.

2. 여러 개의 프레임에 동시에 사진 넣기
Ctrl + Shift → 프레임 선택 → Portrait 클릭
여러 개체에 일괄적으로 이미지 넣기가 가능하다는 점도 Unsplash의 장점입니다.
방법
- Ctrl + Shift 를 누른 상태에서 여러 프레임을 선택
- Unsplash 플러그인 실행
- Portrait 카테고리 선택
그러면 선택한 모든 프레임에 서로 다른 인물 사진이 자동 배치됩니다.
프로필 리스트를 만들 때 작업 속도가 진짜 압도적으로 빨라져요.
3. Content Reel로 이름/텍스트 자동 채우기
사진만 채워서는 프로필 UI가 완성되지 않죠.
이름, 이메일, 날짜 같은 텍스트도 들어가야 합니다.
이때 사용하는 플러그인이 바로 Content Reel 입니다.
활용 방법
- Content Reel 플러그인을 실행
- 이름이 들어갈 텍스트 박스를 선택
- Full Name (first last) 클릭
그럼 자동으로 이름이 랜덤 생성되어 텍스트 레이어에 채워집니다.
이미지처럼 여러 명의 이름을 한 번에 채워야 할 때 정말 강력합니다.

정리하면
피그마 플러그인은 단순한 옵션이 아니라
디자인 효율을 dramatically 올려주는 필수 도구입니다.
Unsplash로 사진을 자동 채우고,
Content Reel로 텍스트를 자동 넣으면,
반복되는 작업을 최소화하고 더 중요한 디자인 작업에 집중할 수 있습니다.
'웹 개발 기본 & 디자인' 카테고리의 다른 글
| [UI 디자인] 컬러 팔레트 (0) | 2025.12.06 |
|---|---|
| [UI 디자인] HSB · RGB · HEX 정리 (0) | 2025.12.06 |
| [Figma] 컨스트레인트(Constraints) (0) | 2025.12.06 |
| [Figma] 오토 레이아웃 (0) | 2025.12.05 |
| [Figma] 스마트 설렉트 (0) | 2025.12.05 |