AI 에이전트가 디자인을 바꾼다 — Figma 2026년 5월 업데이트 정리

Thumbnail

한 줄 요약

Figma 공식 May 2026 Release Notes(31분)를 한국어 큐레이션 세로 쇼츠 93초로. AI 에이전트가 디자인 워크플로우에 본격 진입 — Cursor 디자인 → 캔버스, 다크모드 토큰 자동 추출, 에이전트의 디자인 대안 제안, 그리고 n8n식 자동화를 캔버스에서 만드는 Figma Weave까지. 클로드+제이크 듀오 보이스(edge-tts 무료), 상단 헤더 + 하단 볼드 자막 레퍼런스 톤. 큐레이션 트랙 #3 (#1 Omni, #2 Gemini Flash 3.5 실험).

핵심

항목	값
트랙	큐레이션 #3 — 세로 9:16 쇼츠 (#1 Omni=가로 16:9, #2 Gemini Flash=실험 미발행)
원본 출처	Figma 공식 May 2026 Release Notes · 31분 · video_id `11mdb7lLclM`
화면 비율	1080×1920 (9:16) 30fps — YouTube가 Shorts로 분류
컷 구성	원본 영상 컷 8개 (VTT 영문 anchor로 구간 매핑)
캐릭터	클로드(분석) + 제이크(감상) 듀오 — 컷별 화자 교차
레이아웃	상단 정적 헤더 “FIGMA MAY 2026” + 중앙 영상 + 하단 큰 볼드 자막 (malgunbd, 자동 사이즈)
보이스	edge-tts 무료 — ko-KR-InJoonNeural(클로드) · ko-KR-HyunsuMultilingualNeural(제이크)
속도	1.2배속 후처리 (ffmpeg setpts/atempo) — 정보 밀도 + 큐레이션 톤
마무리	내레이션 종료 후 1초 페이드아웃 + 1초 풀블랙 hold
Fair Use	단순 하이라이트 X — 자체 감상·분석·의견 비중 ↑ (transformative use) · Disclaimer + 원본 링크

발표 핵심 (영상 정리 — 8컷)

AI 에이전트가 디자인에 들어왔다 — Figma 5월 릴리스 노트, AI 에이전트가 디자인 워크플로우에 진짜로 진입
Cursor 디자인 → Figma 캔버스 — Cursor 같은 코딩 에이전트가 만든 디자인을 캔버스로 그대로 가져오기 (최대 변화)
다크모드 토큰 자동 추출 — 코드의 다크모드를 옮길 때 토큰·컴포넌트까지 자동 정리 → 디자인시스템 운영 비용 ↓
Agent가 디자인 대안 제안 — 캔버스에서 에이전트가 디자인 대안을 빠르게 제안, 디자이너 직관을 AI가 검증
성능 점프 — 벡터 편집 10배, Make 4배, 메모리 경고 92% 감소
Make Kits · 음성 · FigJam MCP — Make에 디자인시스템 키트·음성 입력, FigJam은 MCP로 다이어그램 자동 생성
AI 이미지 도구 통합 — 이미지 확장·채우기·오브젝트 분리·벡터 변환이 FigJam에 통합
Figma Weave — n8n 같은 자동화 워크플로우를 익숙한 캔버스 UI에서. 한 번 만들면 자동 반복. Figma는 디자인 도구 → AI 디자인 인프라로

후기

큐레이션 트랙 #3. #1 Omni(가로 16:9)와 달리 세로 9:16 포맷으로, YouTube가 자동으로 Shorts 분류. 원본 영상에서 직접 컷을 추출하고 자체 한국어 큐레이션을 입히는 풀 사이클.

🚨 학습 1 — yt-dlp 봇 차단 = pip 최신 업데이트로 해결: winget 버전(2025.03.31)은 봇 차단·cookies 락. pip install -U yt-dlp 최신(2026.03.17)으로 우회 성공.
🚨 학습 2 — VTT 영문 anchor 검색: build_vtt_search.py로 영문 자막에서 anchor 문구 검색 → 8컷 중 7개 정확 매핑, 1개만 ts_hint 폴백.
🚨 학습 3 — 자막 ≠ 내레이션 분리: 자막은 짧은 키워드, 내레이션은 친절한 감상조. 둘을 같은 텍스트로 쓰지 않는다 (Jake 룰).
🚨 학습 4 — edge-tts 한국어 듀오 무료: ko-KR-InJoonNeural / ko-KR-HyunsuMultilingualNeural. Supertone 크레딧 안 쓰는 무료 대안.
🚨 학습 6 — 된소리 발음 표기 보정: edge-tts가 “10배”를 평음 “열배”로 읽음 → 된소리 “열빼”로 직접 표기해 교정. 숫자+단위 결합 시 발음 확인 필요.
🚨 학습 7 — 아웃트로 마무리 디테일: 내레이션 끝나자마자 영상 뚝 끊김 = 부담. 1초 페이드아웃으로 완전히 검게 → 1초 풀블랙 hold → 정지가 정답 (Jake 2회 피드백으로 확정).
🚨 학습 8 — 아웃트로 대사 = 컨셉 한 번 더: Weave를 “n8n 같은 자동화 파이프라인을 익숙한 캔버스 UI에서”로 풀어 설명 → 시청자가 가치 체감. Jake B안 픽.

자산 위치

영상 마스터: D:\claude\content\reclip\jobs\figma-may-v1\output\v1.mp4 (= v9 스냅샷)
Job 폴더: D:\claude\content\reclip\jobs\figma-may-v1\
- plan.json — 8컷 PLAN (anchor·start_ts·자막·내레이션)
- build_vtt_search.py — VTT 영문 anchor 검색 → 구간 매핑
- build_tts_edge.py — edge-tts 듀오 내레이션
- build_subtitles.py / build_overlays.py — 자막·헤더 PNG
- build_clips.py — 컷별 9:16 합성 (영상 + 헤더 + 자막 + TTS)
- build_final.py — concat → 1.2배속 → BGM mix + loudnorm + 페이드아웃 tail
- src/ — 원본 mp4 + 영문 VTT / audio/ subtitles/ clips/ output/
- upload_meta.json — YouTube 업로드 메타
업로드: D:\claude\content\youtube-upload\_upload_figma_may.py

Fair Use Disclaimer (description에 박힘)

본 영상은 Figma 공식 May 2026 Release Notes의 일부를 공정 이용(Fair Use) 가이드라인에 따라 인용하였으며, 자체 분석·논평을 결합한 변형적 콘텐츠입니다. 원본 영상: https://www.youtube.com/watch?v=11mdb7lLclM

탐색기

한 줄 요약

핵심

발표 핵심 (영상 정리 — 8컷)

후기

자산 위치

관련

Fair Use Disclaimer (description에 박힘)

그래프 뷰

목차