CLIEN

본문 바로가기 메뉴 바로가기 보기설정 테마설정
톺아보기 공감글
커뮤니티 커뮤니티전체 C 모두의광장 F 모두의공원 I 사진게시판 Q 아무거나질문 D 정보와자료 N 새로운소식 T 유용한사이트 P 자료실 E 강좌/사용기 L 팁과강좌 U 사용기 · 체험단사용기 W 사고팔고 J 알뜰구매 S 회원중고장터 B 직접홍보 · 보험상담실 H 클리앙홈
소모임 소모임전체 ·굴러간당 ·아이포니앙 ·주식한당 ·MaClien ·일본산당 ·방탄소년당 ·자전거당 ·개발한당 ·이륜차당 ·AI당 ·안드로메당 ·콘솔한당 ·소시당 ·골프당 ·걸그룹당 ·소셜게임한당 ·갖고다닌당 ·키보드당 ·나스당 ·노젓는당 ·퐁당퐁당 ·육아당 ·PC튜닝한당 ·위스키당 ·테니스친당 ·디아블로당 ·바다건너당 ·라즈베리파이당 ·클다방 ·IoT당 ·여행을떠난당 ·3D메이킹 ·X세대당 ·ADHD당 ·AI그림당 ·날아간당 ·사과시계당 ·배드민턴당 ·야구당 ·농구당 ·블랙베리당 ·곰돌이당 ·비어있당 ·FM당구당 ·블록체인당 ·보드게임당 ·활자중독당 ·볼링친당 ·캠핑간당 ·냐옹이당 ·문명하셨당 ·클래시앙 ·요리한당 ·쿠키런당 ·대구당 ·DANGER당 ·뚝딱뚝당 ·개판이당 ·동숲한당 ·날아올랑 ·전기자전거당 ·e북본당 ·이브한당 ·패셔니앙 ·물고기당 ·도시어부당 ·FM한당 ·맛있겠당 ·포뮬러당 ·젬워한당 ·안경쓴당 ·차턴당 ·총쏜당 ·땀흘린당 ·하스스톤한당 ·히어로즈한당 ·인스타한당 ·KARA당 ·꼬들한당 ·덕질한당 ·어학당 ·가죽당 ·레고당 ·리눅서당 ·LOLien ·Mabinogien ·임시소모임 ·미드당 ·밀리터리당 ·땅판당 ·헌팅한당 ·오른당 ·영화본당 ·MTG한당 ·소리당 ·노키앙 ·적는당 ·방송한당 ·찰칵찍당 ·그림그린당 ·소풍간당 ·심는당 ·패스오브엑자일당 ·품앱이당 ·리듬탄당 ·달린당 ·Sea마당 ·SimSim하당 ·심야식당 ·윈태블릿당 ·미끄러진당 ·축구당 ·나혼자산당 ·스타한당 ·스팀한당 ·파도탄당 ·테스트당 ·빨콩이당 ·공대시계당 ·터치패드당 ·트윗당 ·가상화폐당 ·창업한당 ·VR당 ·시계찬당 ·WebOs당 ·와인마신당 ·WOW당 ·윈폰이당
임시소모임
고객지원
  • 게시물 삭제 요청
  • 불법촬영물등 신고
  • 쪽지 신고
  • 닉네임 신고
  • 제보 및 기타 제안
© CLIEN.NET
공지[점검] 잠시후 서비스 점검을 위해 약 30분간 접속이 차단됩니다. (금일 18:15 ~ 18:45)

팁과강좌

PC/모바일 Gemini 팁2 : 발표자료, 슬라이드 말고 'HTML+피그마'로 만드세요. 45

147
2025-11-26 05:46:26 수정일 : 2025-11-26 06:22:06 221.♡.2.209
유스튜

지난번 제미나이 hwp 팁에 이어 두번째 팁입니다. 

첫번째 팁 https://www.clien.net/service/board/lecture/19097615CLIEN



제미나이로 발표자료를 만든다고 했을 때, 보통 다음 3가지 방식을 떠올리실 겁니다.

  1. 나노바나나(프로)

  2. 슬라이드 만들기

  3. 인포그래픽(웹페이지)


사실 이 세가지 방식 모두 훌륭한 퀄리티로 만들어주긴 하지만 

회사나 기관 보고용 자료를 만든다고 가정해보겠습니다. 


그렇다면 디테일을 수정할수 있어야 합니다. 




결론부터 말하면 1, 2번은 아쉬움이 큽니다.


1. 나노바나나로 만들기


스크린샷 2025-11-26 043516.png

보도자료를 넣고인포그래픽 이미지 만들어 달라고 합니다



Gemini_Generated_Image_h43mp3h43mp3h43m.jpg

Gemini_Generated_Image_kvpq6zkvpq6zkvpq.jpg


어.. 흠흠.. 사실 놀랍긴 합니다 ㅎ 

나노바나나 성능이 좋아져서 통이미지로 만들어도 될 것 같지만, 실전엔 조금 아쉽습니다. 

편집 자체가 어렵고 작은 글씨는 다 깨집니다. (물론 여긴 안깨지네요 ㄷㄷ)


실무 영역은 녹록치 않죠... 

아직 통이미지로 만들어 쓰기엔 확실히 빡셉니다.

실무에서는 텍스트 수정이 10번 이상은 오고갈거기 때문에 

이걸 제대로 쓸려면 폰트부분은 지우고 덮어서 쓰면 아주 훌륭하게 쓸수 있을거 같긴해요 




2. 슬라이드 만들기


스크린샷 2025-11-26 034832.png

이렇게 제미나이에 프롬프트를 넣으면


스크린샷 2025-11-26 043157.png

스크린샷 2025-11-26 043210.png

이렇게 만들어 줍니다. 슬라이드로 내보내기가 있어서 구글슬라이드에서 편집할 수 있죠. 

근데 결과물을 보면 제가 원하는 스타일이 아닙니다. 

잘 만들어주긴 하는데, 소위 말하는 요즘 스타일은 아닌 것 같아요.

그리고 슬라이드에 들어가는 아이콘은 벡터 아이콘이 아니라서 깨져보이기도 합니다. 






3. 인포그래픽(웹페이지)


 

스크린샷 2025-11-26 044153.png


스크린샷 2025-11-26 045326.png


깔금한 형태의 인포그래픽이 만들어졌습니다 

인포그래픽 개인적으로는 이 방식이 가장 깔끔해서 발표자료나 보고서로 활용하고 있습니다.

문제는 제미나이가 뱉어주는 결과물이 웹페이지 형식이라 활용이 애매하다는 겁니다.


https://gemini.google.com/share/0df19639d340

링크 공유는.. 제미나이로 '딸깍'으로 만든 티가 너무 나죠 ㅎ...


HTML 소스를 저장해서 편집해야 하는데 HTML 생편집은 상당히 번거롭죠.

그리고 HTML로 전달하기도 무리가 있죠. PDF나 PPT로 전달을 많이 하니까요.. 






이럴 때 피그마를 활용하면 신세계가 열립니다.

(참고로 개인용은 프로젝트 3개까지 무료입니다.)



스크린샷 2025-11-26 034534.png

피그마는 쉽게 말해 온라인 포토샵이라 보시면 됩니다. 

여러 명이 동시 작업 가능한 툴인데, 이 툴이 진짜 대단한 게 플러그인 생태계입니다.





피그마 플러그인 중에 html to figma라는 녀석이 있습니다. 

이름 그대로 웹사이트나 HTML 파일을 레이어가 살아있는 디자인 파일로 불러와 줍니다.




사용법은 간단합니다.

  1. 제미나이에게 인포그래픽을 요청한다.

  2. 결과물을 메모장에 복사해서 .html 파일로 저장한다.

  3. 피그마에서 html to figma 플러그인을 켜고 파일을 던진다.

이렇게 하면 텍스트, 도형 하나하나 다 수정 가능한 상태로 깔끔하게 들어옵니다. 

제미나이의 기획력과 피그마의 편집력을 합치면 작업 속도가 말도 안 되게 빨라집니다.

한번 해보세요. 이렇게요..




피그마에 접속해서, 오른쪽 상단에 새 디자인 만들기를 선택합니다. 

스크린샷 2025-11-26 053533.png



스크린샷 2025-11-26 053710.png

그러면 이렇게 빈 디자인 창이 만들어집니다. 




스크린샷 2025-11-26 052321.png

하단 도구 툴에서 플러그인 탭에서 html 검색하면 플러그인을 불러올수 있습니다.



스크린샷 2025-11-26 052414.png


html을 복사해서 메모장에 저장한뒤에 파일을 던져넣으면됩니다. 

(무료버전은 한달에 10개까진가 사용가능할거에요)






스크린샷 2025-11-26 052610.png


그럼 이렇게 불러와지고 Add to Canvas를 클릭 하면 됩니다.








스크린샷 2025-11-26 052649.png


그러면 이렇게 디자인 캔버스에 편집가능한 형태로 불러와 집니다



스크린샷 2025-11-26 052721.png


스크린샷 2025-11-26 052731.png


스크린샷 2025-11-26 052742.png


이렇게 편집 할 수 있습니다.




여기서 응용을 하면, 발표자료 내용을 쭉 만든다음에 

1페이지 인포그래픽 만들어줘, 라는식으로 한땀한땀 만들면 

꽤 퀄 좋은 발표자료를 만들수 있습니다. (gemini 유료를 써야 하지만, 젠스파크 비용없이 만들수있게되죠)


이렇게 만들어진 자료는 PDF로 저장이 되고
피그마-슬라이드 기능을 활용해서 편집하면, PPT 형태로도 저장이 가능합니다. 




그리고 피그마를 쓰게 되면, 

html to design 꽤 유용한 플러그인입니다.


웹사이트를 다 불러올수있습니다. 

apple.com 을 넣으면 

스크린샷 2025-11-26 053859.png


이렇게 불러올 수 있죠 ㅎ

이미지 따로 다 딸수있고, 텍스트도 수정 가능합니다.



그전엔 자료 만들려면 디자이너가 초안 잡고, 작업했어야 했는데, 

이제 왠만한건 디자이너 없이 만들고 있습니다...

이런 변화 너무.. 놀랍네요


유스튜 님의 게시글 댓글
SIGNATURE
15년의 영상 제작 경험을 바탕으로, 이제는 AI 컨설팅을 통해 콘텐츠의 확장을 고민하고 있습니다. 
바이브코딩과 AI 에이전트에 진심인 AI 컨설턴트입니다. https://uslab.ai
서명 더 보기 서명 가리기
  • 주소복사
  • Facebook
  • X(Twitter)
댓글 • [45]
바나클대장
IP 210.♡.223.46
11-26 2025-11-26 08:45:29
·
ai 툴과 기존의 툴이 만나 좋은 시너지를 내는군요. 좋은 내용 공유해주셔서 고맙습니다.
멋진상우
IP 27.♡.242.79
11-26 2025-11-26 09:37:46
·
좋은 팁이네요. 질문이 있습니다.
지금 본문 팁에는 URL을 넣으셨는데, 따로 도메인을 가지고 계신듯 합니다.
도메인을 가지고 있지 않은 경우엔 제미나이에서 어떻게 출력된 웹피이지를 URL로 만들어서 피그마에 던져 넣을수 있을까요? ^^ 좋은 팁 있으면 좀 알려 주십시오.
유스튜
IP 221.♡.2.209
11-26 2025-11-26 10:29:15
·
@멋진상우님 제미나이에서 만들어진 html 코드를 복사해서 메모장에 붙여넣고
다른이름으로 저장하기로 html 확장자로 저장하시면 됩니다
야하하하
IP 61.♡.249.83
11-26 2025-11-26 09:50:23
·
역시 활용하는 사람에 따라 천차만별이군요. 좋은 팁 감사합니다!
매일한가한
IP 15.♡.5.83
11-26 2025-11-26 09:57:11
·
피그마가 붙으면 바로 전문가 스멜의 아웃풋이 나오죠~ 멋집니다.
콰아앙
IP 39.♡.28.76
11-26 2025-11-26 10:41:18
·
좋은 팁 감사합니다!!
체크아웃
IP 175.♡.111.123
11-26 2025-11-26 10:43:06
·
와 너무 좋은 활용 법 이내요
감사합니다.
맘마무
IP 61.♡.34.252
11-26 2025-11-26 10:45:12
·
무궁무진 ai를 어떻게 활용하느냐가 요즘 능력인것 같습니다 ㅎ 좋은정보 감사합니다~~
제가잘못했어요
IP 172.♡.94.47
11-26 2025-11-26 10:49:35 / 수정일: 2025-11-26 10:49:42
·
제미나이와드
kyeom
IP 121.♡.179.5
11-26 2025-11-26 10:59:38
·
피그마는 처음보내요 좋은팁 감사합니다!
MLBKBO
IP 106.♡.10.160
11-26 2025-11-26 11:17:37
·
제미나이도 대단하지만 피그마도 대단하내요.
비닐장갑차
IP 211.♡.134.186
11-26 2025-11-26 11:32:48
·
와 피그마, 배우고갑니다
감사합니다
스크랩 스크랩
Kanilea
IP 112.♡.64.86
11-26 2025-11-26 11:42:48
·
회사 정보를 ai, saas에 업로드 한다는게 그리 쉬운 일은 아니죠.
잘못하다간 보안정책 위반으로 징계를 먹을수도...
전자소년
IP 165.♡.169.128
11-26 2025-11-26 12:09:55
·
피그마 make만 썼는데,,, 이렇게 쓰는거였군요.
이제 뭔가 감이 잡히네요.
정말 무서운 세상입니다.
strangerhak
IP 106.♡.11.4
11-26 2025-11-26 13:39:36
·
와~ 쌍따봉 드립니다!
LA다둥이아빠
IP 38.♡.247.11
11-26 2025-11-26 13:43:15
·
질문있습니다. 무료 버전에서도 활용가능한가요?
유스튜
IP 221.♡.2.209
11-26 2025-11-26 13:59:14
·
@LA다둥이아빠님 가능합니다
사용에 제한이 있지만 제미나이 무료로 인포그래픽 만들수 있고
피그마는 프로젝트 3개까지 만들수 있습니다
LA다둥이아빠
IP 38.♡.247.11
11-26 2025-11-26 14:48:35
·
@유스튜님 감사합니다
K-JIN
IP 218.♡.32.190
11-26 2025-11-26 13:52:43
·
좋은 글 감사합니다.
Starless
IP 14.♡.141.41
11-26 2025-11-26 14:22:59
·
감사합니다. 스크랩할게요.
옴니시스
IP 117.♡.6.199
11-26 2025-11-26 14:51:34
·
정말 좋은 팁 감사합니다!
푸르미푸르르
IP 106.♡.54.123
11-26 2025-11-26 15:20:11
·
안녕하세요?^^ 좋은 글 덕분에 잘 배웠습니다. 감사합니다.
질문하나가 있는데요, 피그마까지 다 잘 따라서 했고, 내보내기로 그림파일이나 pdf 파일로 받기 잘 했습니다.
거기서 혹시 "피그마-슬라이드 기능을 활용해서 편집하면, PPT 형태로도 저장이 가능합니다." 이렇게 말씀해 주신 ppt파일로 내보내기 하는건 어떻게 하면 될까요?? 피그마 처음 써보면서 막혀서요^^;
유스튜
IP 221.♡.2.209
11-26 2025-11-26 15:22:21
·
@푸르미푸르르님

피그마 새 프로젝트 만들기를 보시면 슬라이드가 있습니다. (이건 무료도 있는지 확인해보셔야 할거 같아요)
피그마 디자인에서 섹션단위로 복사해서 슬라이드 작업창에 붙여넣기하면 요소 그대로 붙여넣기가 됩니다
유스튜
IP 221.♡.2.209
11-26 2025-11-26 15:24:41
·
@푸르미푸르르님 피그마 슬라이드에서 File-Export to로 ppt, pdf 형식으로 내보낼수있습니다.
다만, 폰트랑 배치가 깨져서 파워포인트에서 열려서 후작업이 필요합니다.
푸르미푸르르
IP 106.♡.54.123
11-26 2025-11-26 22:17:41
·
덕분에 잘 활용하게 되었습니다.
게다가 피그마에 Education Plan이 있어서, 아직 살아있는 대학교 학생메일 활용해서
유료 플랜을 무료로 사용할 수 있게 되었습니다. 감사합니다.
https://www.figma.com/ko-kr/education/
가이버랑
IP 210.♡.90.6
11-26 2025-11-26 16:23:51
·
와~ 피그마 쓰고있는데 정말 무궁무진 하네요, 감사합니다!!!
salome_soo
IP 210.♡.65.193
11-26 2025-11-26 17:01:23
·
와!! 좋은 팁 고맙습니다!!!
레드핏클
IP 121.♡.25.88
11-26 2025-11-26 17:06:55
·
좋은정보 감사합니다 :)

NotebookLM도 좋은거 같더라구요.
이번에 제미나이가 업데이트 되면서 NotebookLM이 엄청좋아졌다는 이야기가있더라구요
새벽797979
IP 210.♡.65.2
11-26 2025-11-26 17:17:41
·
감사합니다. 이제 AI로 세상이 바뀌는게 새삼 느껴지네요.
제미나이, 슬라이드, 피그마 연습좀 해봐야 겠네요
막내오빠
IP 118.♡.94.46
11-26 2025-11-26 18:07:49
·
멋진 정보 감사합니다!
몽구르
IP 220.♡.231.66
11-26 2025-11-26 23:09:49 / 수정일: 2025-11-26 23:10:03
·
감사해요 스크랩 할께요~
작은행동
IP 118.♡.4.220
11-26 2025-11-26 23:59:05
·
요즘 AI발전 속도 보면, 정말 엄청난 중장비가 미친듯이 가속도를 내며 작동되고 있는 것 같아요.
cepren
IP 104.♡.68.155
11-27 2025-11-27 09:11:41
·
AI활용 ppt 슬라이드 만들기. 좋은 글 감사합니다
나나날이
IP 223.♡.193.91
11-27 2025-11-27 09:29:37
·
좋은 정보 감사합니다
너의닉네임은
IP 210.♡.232.133
11-27 2025-11-27 10:52:30
·
좋은 정보 감사합니다. 스크랩 ㄱㄱ
토깽이_아빠
IP 1.♡.235.149
11-27 2025-11-27 13:57:52
·
바쁜게 끝나서 방금 테스트 해봤습니다.
진짜 좋은 세상이네요.
피그마 사용한 뒤로는 어도비 실행시켜본지가 언제인지...
피그마가 짱입니다.
쓰님
IP 106.♡.74.19
11-28 2025-11-28 07:57:39
·
피그마가 좋은줄은 알았는데 ppt편집이 쉬운 것도 대단하네요
삭제 되었습니다.
타타라
IP 211.♡.21.22
11-28 2025-11-28 13:27:28
·
좋은 정보 감사합니다.
aperire
IP 59.♡.176.51
11-28 2025-11-28 13:35:14
·
현직 디자이너입니다. 좋은팁 감사합니다.
덕분에 장표 만드는데 작업 속도가 많이 줄어드네요

근데 하다보니 이녀석 SVG 로도 만들어 주는걸 발견했습니다.
SVG는 코딩방식 이미지 화일이기 때문에
별도 HTML 플로그인없이 피그마로 바로 드레그인 가능하답니다. ㅋㅋㅋ

(아싸!)
eames
IP 58.♡.62.3
11-28 2025-11-28 14:58:36
·
와 진짜 꿀팁 대박이네요
감사합니다
MeatAddicted
IP 39.♡.24.253
11-29 2025-11-29 13:41:36
·
와 좋네요 한번 따라해봐야겠어요
하ㅇ품
IP 121.♡.228.251
12-02 2025-12-02 17:24:47
·
훌륭한 정보 입니다
오피셜
IP 114.♡.135.145
12-05 2025-12-05 21:28:57
·
잘쓸게요
따뜻한손
IP 175.♡.238.58
12-13 2025-12-13 08:27:40
·
세상이 변하는 속도가 빠르네요~ 고맙습니다
불꽃남자길
IP 203.♡.83.240
12-16 2025-12-16 15:18:41
·
오 정말 감사합니다 정말 몰랐던 기능이 요리조리 너무 많네요
새로운 댓글이 없습니다.
이미지 최대 업로드 용량 15 MB / 업로드 가능 확장자 jpg,gif,png,jpeg,webp
지나치게 큰 이미지의 크기는 조정될 수 있습니다.
목록으로
글쓰기
글쓰기
목록으로 댓글보기
아이디  ·  비밀번호 찾기 회원가입
이용규칙 운영알림판 운영소통 재검토요청 도움말 버그신고
개인정보처리방침 이용약관 책임의 한계와 법적고지 청소년 보호정책
©   •  CLIEN.NET
보안 강화를 위한 이메일 인증
안전한 서비스 이용을 위해 이메일 인증을 완료해 주세요. 현재 회원님은 이메일 인증이 완료되지 않은 상태입니다.
최근 급증하는 해킹 및 도용 시도로부터 계정을 보호하기 위해 인증 절차가 강화되었습니다.

  • 이메일 미인증 시 글쓰기, 댓글 작성 등 게시판 활동이 제한됩니다.
  • 이후 새로운 기기에서 로그인할 때마다 반드시 이메일 인증을 거쳐야 합니다.
  • 2단계 인증 사용 회원도 최초 1회는 반드시 인증하여야 합니다.
  • 개인정보에서도 이메일 인증을 할 수 있습니다.
지금 이메일 인증하기
등록된 이메일 주소를 확인하고 인증번호를 입력하여
인증을 완료해 주세요.