- Видео 138
- Просмотров 411 706
루씨의 UXUI디자인
Южная Корея
Добавлен 6 фев 2014
디자이너, 강사, Lottie evangelists 루씨입니다.
강의 및 협업 문의 : lucymygirl@naver.com
Hello ~
Welcome to The UXUI Design Channel.
This channel offers UXUI design, Figma, Photoshop, Illustrator, HTML, CSS, data driven , GA.
I'm interested in design tool review, design book review ... and more fun reviews.
Contact me: lucymygirl@naver.com
Thanks for Watching! 🥰
--------------------------------------------------------------------------------------------
Copyright ⓒ 루씨의 UXUI 디자인. All rights reserved. 무단 전재, 재배포 및 이용(AI 학습 포함) 금지
강의 및 협업 문의 : lucymygirl@naver.com
Hello ~
Welcome to The UXUI Design Channel.
This channel offers UXUI design, Figma, Photoshop, Illustrator, HTML, CSS, data driven , GA.
I'm interested in design tool review, design book review ... and more fun reviews.
Contact me: lucymygirl@naver.com
Thanks for Watching! 🥰
--------------------------------------------------------------------------------------------
Copyright ⓒ 루씨의 UXUI 디자인. All rights reserved. 무단 전재, 재배포 및 이용(AI 학습 포함) 금지
[피그마] 불리언 베리어블(boolean variable)로 버튼과 모달 가시 설정하기
불리언 베리어블(boolean variable)로 버튼과 모달 가시 설정하기
불리언 베리어블을 활용해서 버튼과 모달을 상황에 따라 보이고 안 보이는 가시 설정을 해보겠습니다.
0:40 베리어블과 불리언이란?
1:47 버튼에 불리언 베리어블 만들기
6:20 모달에 불리언 베리어블 만들기
7:45 모달에 인터랙션 설정하기
#figma #피그마강좌 #피그마 #베리어블 #불리언베리어블 #variables #interaction #피그마클래스 #루씨의피그마클래스
-----------------------------------------------------------------------------------------------
루씨의 UXUI 디자인 채널입니다.
디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너를 위한 기초적인 툴 강의를 하고 있습니다. 다양한 제휴(디자인 툴 리뷰, 디자인 책 리뷰), 강의 요청, 궁금한 부분 있으면 댓글 또는 메일(lucymygirl@naver.com)로 해주세요.
영상이 도움 되셨다면 구독,좋아요 부탁 드립니다!
Hello ~
Welcome to The UXUI Design Channel.
This channel offers UXUI design, Figma, Photoshop, Illustrator, HTML, CSS, data driven , GA.
I'm interested in design tool re...
불리언 베리어블을 활용해서 버튼과 모달을 상황에 따라 보이고 안 보이는 가시 설정을 해보겠습니다.
0:40 베리어블과 불리언이란?
1:47 버튼에 불리언 베리어블 만들기
6:20 모달에 불리언 베리어블 만들기
7:45 모달에 인터랙션 설정하기
#figma #피그마강좌 #피그마 #베리어블 #불리언베리어블 #variables #interaction #피그마클래스 #루씨의피그마클래스
-----------------------------------------------------------------------------------------------
루씨의 UXUI 디자인 채널입니다.
디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너를 위한 기초적인 툴 강의를 하고 있습니다. 다양한 제휴(디자인 툴 리뷰, 디자인 책 리뷰), 강의 요청, 궁금한 부분 있으면 댓글 또는 메일(lucymygirl@naver.com)로 해주세요.
영상이 도움 되셨다면 구독,좋아요 부탁 드립니다!
Hello ~
Welcome to The UXUI Design Channel.
This channel offers UXUI design, Figma, Photoshop, Illustrator, HTML, CSS, data driven , GA.
I'm interested in design tool re...
Просмотров: 193
Видео
무료로 상세페이지 생성 AI 디자인 에디터 제디터를 소개합니다
Просмотров 2,3 тыс.28 дней назад
상품 판매를 혁신적으로 변화시킬 AI 기반 상품 상세 초안 생성 서비스, 제디터에 대해 소개해 드리겠습니다. 단 1분 만에 상품의 매력과 정보를 한눈에 담은 상세 페이지를 자동으로 생성해 줍니다. 제디터 웹사이트에서 회원가입을 해주세요. www.geditor.co.kr/ 1:45 제디터 특징 3:55 제디터 UI 5:40 AI로 상세 페이지 가져오기 7:40 스킨으로 상세페이지 만들기 #무료상세페이지만들기 #AI상세페이지생성에디터제디터 #가비아제디터 #상품상세페이지만들기 #쇼핑몰솔루션 #쇼핑몰디자인 #상세페이지 루씨의 UXUI 디자인 채널입니다. 디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너를 위한 기초적인 툴 강의를 하고 있습니다. 다양한 제휴(디자인 툴 리뷰, 디자인 책 리뷰), 강의 요청, ...
![[figma update] 2024 하반기 피그마 업데이트](http://i.ytimg.com/vi/PUAUWT4cVdY/mqdefault.jpg)
[figma update] 2024 하반기 피그마 업데이트
Просмотров 532Месяц назад
2024 하반기 피그마 업데이트 2024년 9-12월 업데이트 된 내용을 정리했습니다. 작업 속도와 효율성이 크게 개선되었습니다. 0:30 Floating panels 1:09 Duplicate and rotate patterns 1:50 New device Frame Preset 2:24 JPEG & PDF 퀄리티 설정 3:03 Layer panel slide 3:24 Eyedropper 4:12 Variable update 5:30 Underline Decoration 6:20 Dev mode updates 7:40 Slides #figma #피그마강좌 #피그마클래스 #uidesign #uxdesign #uxui #웹디자인 #UItool 루씨의 UXUI 디자인 채널입니다. 디자이너를 꿈꾸는 대학생,...
![[피그마] 배달의민족 썸네일과 탭 인터랙션 만들기](http://i.ytimg.com/vi/a-alX1KpFyk/mqdefault.jpg)
[피그마] 배달의민족 썸네일과 탭 인터랙션 만들기
Просмотров 288Месяц назад
피그마로 배달의민족 썸네일과 탭 인터랙션 만들어 봅니다. 동일한 프레임 내에서 이동은 scroll to 액션을 활용합니다. 0:45 썸네일 인터랙션 4:30 탭 인터랙션 #figma #피그마강좌 #피그마 루씨의 UXUI 디자인 채널입니다. 디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너를 위한 기초적인 툴 강의를 하고 있습니다. 다양한 제휴(디자인 툴 리뷰, 디자인 책 리뷰), 강의 요청, 궁금한 부분 있으면 댓글 또는 메일(lucymygirl@naver.com)로 해주세요. 영상이 도움 되셨다면 구독,좋아요 부탁 드립니다! Hello ~ Welcome to The UXUI Design Channel. This channel offers UXUI design, Figma, Photoshop, Ill...
![[피그마] 인터랙티브 컴포넌트로 탭 만들기](http://i.ytimg.com/vi/NS8v3hDKenc/mqdefault.jpg)
[피그마] 인터랙티브 컴포넌트로 탭 만들기
Просмотров 4392 месяца назад
[피그마] 인터랙티브 컴포넌트로 탭 만들기 미래앤 초코 웹사이트(www.miraenchoco.com/gate)의 탭처럼 만들고 스마트 애니메이트로 자연스럽게 인디케이터가 움직이는 인터랙션을 만들어 보겠습니다. 0:47 탭 만들기 3:35 컴포넌트 세트로 만들기 4:13 인터랙션 설정하기 #피그마강좌 #인터랙션 #탭 #루씨의피그마클래스 #피그마기초 #인터랙티브컴포넌트 #인터랙션 #웹디자인 #figma 루씨의 UXUI 디자인 채널입니다. 디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너를 위한 기초적인 툴 강의를 하고 있습니다. 다양한 제휴(디자인 툴 리뷰, 디자인 책 리뷰), 강의 요청, 궁금한 부분 있으면 댓글 또는 메일(lucymygirl@naver.com)로 해주세요. 영상이 도움 되셨다면 구독,...
![[피그마] 오토 레이아웃으로 반응형 웹사이트 만들기](http://i.ytimg.com/vi/k7QYYV1Gv1Q/mqdefault.jpg)
[피그마] 오토 레이아웃으로 반응형 웹사이트 만들기
Просмотров 2,3 тыс.2 месяца назад
[피그마] 오토 레이아웃으로 반응형 웹사이트 만들기 오토레이아웃으로 반응형 웹 만들기를 소개합니다. 첫번째는 플러그인을 활용해서 만들고 두번째는 레이아웃을 직접 디자인해서 만들어 보겠습니다. 실습 파일 www.figma.com/community/file/1439043014635458834 2:06 벤토 그리드 플러그인 5:16 레이아웃 만들기 9:10 wrap으로 반응형 레이아웃 만들기 #반응형웹사이트 #figma #피그마강좌 #피그마 #웹디자인 #오토레이아웃 #피그마클래스 #루씨의피그마클래스 #이토록쉬운피그마클래스 #ui #ux #uidesign 루씨의 UXUI 디자인 채널입니다. 디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너를 위한 기초적인 툴 강의를 하고 있습니다. 다양한 제휴(디자인 툴 리...
인프런에 오픈한 루씨의 피그마 클래스 강의 안내드립니다
Просмотров 1903 месяца назад
안녕하세요 구독자, 시청자님들~ 루씨의 UXUI 디자인 채널의 구독자가 벌써 6천명이 넘었습니다. 이럴쭐 모르고 시작했는데 여러분 덕분에 책도 출간하고 다양한 활동도 하고 있습니다. 이번에 인프런의 제안으로 "루씨의 피그마클래스"를 제작했습니다. 🥳 피그마를 공부하시고 싶은 학생이나 주니어 디자이너를 위한 영상입니다. 지난 주에 오픈해서 오픈 기념으로 10%할인 행사를 진행하고 있습니다. 차근 차근 피그마 공부하고 싶으신 분들에게 권해드립니다. 지금 수강신청하시면 10% 할인된 가격으로 수업을 들으실 수 있어요 지금 영상강의 신청하러 가기 👉 bit.ly/48jxD7B 10% 할인 쿠폰 코드 - 18169-503173faab3f 2024년이 두 달 정도 남았습니다. 올해 소원하시는 일들 다 이루시고 행...
![[피그마원데이클래스] 컬러 베리어블을 활용한 상품색상 변경 인터랙션 만들기](http://i.ytimg.com/vi/e1FRs31WIC0/mqdefault.jpg)
[피그마원데이클래스] 컬러 베리어블을 활용한 상품색상 변경 인터랙션 만들기
Просмотров 3613 месяца назад
[피그마원데이클래스] 컬러 베리어블을 활용한 상품색상 변경 인터랙션 만들기 지난 7회 피그마 원데이클래스의 수업내용을 편집한 영상입니다. 수업 영상이어서 들으시는데 불편한 점이 있을 수 있습니다. 편집이 매끄럽지 못한 점 양해부탁드립니다. 여러분들 만나서 반가웠습니다. 올해는 원데이클래스가 더이상 없을 것 같아요. 내년 초에 학생 또는 취준생을 위한 커리어설계 밋업을 계획하고 있습니다. 내년에 원데이에서 만나요 ✋ 컬러 베리어블 만들기 컬러 베리어블을 패스에 적용하기 버튼에 인터랙션 설정하기 #figma #피그마강좌 #피그마베리어블 #variable #figmatutorial #이토록쉬운피그마클래스 루씨의 UXUI 디자인 채널입니다. 디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너를 위한 기초적인 ...
파워포인트 대신 AI까지 결합된 피그마 슬라이드로 프리젠테이션을 마음껏 만들어보세요
Просмотров 9884 месяца назад
파워포인트 대신 AI까지 결합된 피그마 슬라이드로 프리젠테이션을 마음껏 만들어보세요!👍 피그마의 디자인 기능과 피그잼의 실시간 소통을 결합한 툴에서 시작하여 현재의 강력한 슬라이드가 탄생했습니다. 프리젠테이션을 위한 완벽한 툴! AI 기능까지 결합되어 더욱 강력합니다!👏👏👏👏 0:56 피그마 슬라이드의 UI 살펴보기 4:07 슬라이드 모드 4:58 인터랙티브 컨버세이션 기능 - 투표하기, 스탬프, 프로토타이핑 삽입 8:20 AI로 텍스트 조정 기능 9:25 프리젠테이션 노트로 발표를 편하게 #피그마슬라이드 #피그마클래스 #figma #피그마강좌 #피그마 #ai #slide #PPT #프리젠테이션 #design #tutorial 루씨의 UXUI 디자인 채널입니다. 디자이너를 꿈꾸는 대학생, 취업 준비 중...
[로티파일즈] 롤링 애니메이션을 로티 플러그인으로 HTML 코드로 사용하기
Просмотров 3544 месяца назад
[로티파일즈] 롤링 애니메이션을 로티 플러그인으로 HTML 코드로 사용하기 롤링 애니매이션을 로티 플러그인을 활용해서 코드로 변환하는 방법을 소개합니다. 0:38 웹사이트 사례 살펴보기 1:23 로티 플러그인 실행하기 2:04 로티 플러그인으로 대시보드에 저장하기 3:30 코드 복사하기 4:12 html 편집기에 코드 붙여넣기 #로티파일즈 #피그마클래스 #figma #피그마강좌 #피그마 #애니메이션 #피그마로무한애니메이션만들기 #lottieanimation 루씨의 UXUI 디자인 채널입니다. 디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너를 위한 기초적인 툴 강의를 하고 있습니다. 다양한 제휴(디자인 툴 리뷰, 디자인 책 리뷰), 강의 요청, 궁금한 부분 있으면 댓글 또는 메일(lucymygirl@...
AI를 활용한 원스톱 UI 디자인 툴 크리에이티 Creatie
Просмотров 1,2 тыс.4 месяца назад
AI를 활용한 원스톱 UI 디자인 툴 크리에이티 Creatie 출시된 지 얼마 안 된 따끈한 UI 디자인 툴 크리에이티를 소개해드립니다. 크리에이티는 AI의 도움을 받아서 UI 디자인을 하는 툴입니다. 디지털 프러덕트 제작의 전 과정에 AI를 통해서 더욱 빠르고 쉽게 디자인을 누구나 즐길 수 있는 툴입니다. UI는 피그마와 너무 동일합니다. ㅎㅎ 피그마 사용자는 어려움 없이 사용하실 수 있어요~ creatie.ai/ 2:00 AI Image Enhacer 5:00 Creatie wizard 6:36 Magicon 8:12 Design Audit 9:30 Automatic style guide 이토록 쉬운 피그마 클래스 교보문고 product.kyobobook.co.kr/detail/S0002136252...
Postcard 무료 이메일 템플릿 빌더로 반응형 코딩까지 빠르게 완성하기
Просмотров 2675 месяцев назад
Postcard 무료 이메일 템플릿 빌더로 반응형 코딩까지 빠르게 완성하기 포스트카드는 이메일 템플릿을 만들고 커스트마이징 하는 툴입니다. 단 몇 분 만에 이메일을 멋진 디자인과 반응형 코딩까지 빠르게 완성할 수 있습니다. designmodo.com/postcards/ 📙 이토록 쉬운 피그마 클래스 product.kyobobook.co.kr/detail/S000213625223 #postcard #figma #피그마강좌 #피그마 #포스트카드 #피그마클래스 #무료이메일템플릿빌더 #반응형레이아웃 루씨의 UXUI 디자인 채널입니다. 디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너를 위한 기초적인 툴 강의를 하고 있습니다. 다양한 제휴(디자인 툴 리뷰, 디자인 책 리뷰), 강의 요청, 궁금한 부분 있으면 ...
[피그마 클래스 활용예제 3-2] 오토 레이아웃을 활용한 카드 UI 제작하기
Просмотров 6315 месяцев назад
[피그마 클래스 활용예제 3-2] 오토 레이아웃을 활용한 카드 UI 제작하기 콘텐츠에 따라 반응하는 유연한 카드를 만들어 봅니다. 제 책 피그마 클래스 의 활용예제 3-2] 오토 레이아웃을 활용한 카드 UI 제작하기입니다. 궁금한 점 있으면 댓글 남겨주세요. 👉 예제 파일 www.figma.com/community/file/1407153343702441763/3-2-ui 📙 이토록 쉬운 피그마 클래스 product.kyobobook.co.kr/detail/S000213625223 #figma #피그마강좌 #피그마 #오토레이아웃 #피그마클래스 #피그마수업 #웹디자인 인 #uxuidesign #uxui 루씨의 UXUI 디자인 채널입니다. 디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너를 위한 기초적인 ...
[피그마] 로티 플러그인에 AI가 들어갔어요!!! PNG 이미지를 벡터로 변환해서 애니메이션 구현하기
Просмотров 1,3 тыс.6 месяцев назад
[피그마] 로티 플러그인에 AI가 들어갔어요!!! PNG 이미지를 벡터로 변환해서 애니메이션 구현하기
[서평단 모집] 피그마 입문자를 위한 책 피그마 클래스의 서평단을 모집합니다.
Просмотров 4246 месяцев назад
[서평단 모집] 피그마 입문자를 위한 책 피그마 클래스의 서평단을 모집합니다.
[2024 figma config] 2024 피그마 컨피그 간략하게 요약했습니다
Просмотров 1,6 тыс.7 месяцев назад
[2024 figma config] 2024 피그마 컨피그 간략하게 요약했습니다
피그마로 Apple의 Vision Pro 글래스모피즘 UI 만들기
Просмотров 8527 месяцев назад
피그마로 Apple의 Vision Pro 글래스모피즘 UI 만들기
[UXUI] 한국 서비스의 디자인 시스템 - 라인,지마켓, KRDS
Просмотров 1,3 тыс.8 месяцев назад
[UXUI] 한국 서비스의 디자인 시스템 - 라인,지마켓, KRDS
[피그마] 스마트 애니메이트를 활용한 스피닝 썸네일 인터랙션 만들기
Просмотров 9528 месяцев назад
[피그마] 스마트 애니메이트를 활용한 스피닝 썸네일 인터랙션 만들기
[LottieCreator] 로티 크리에이터로 애니메이션 만들고 저장하기
Просмотров 2,1 тыс.9 месяцев назад
[LottieCreator] 로티 크리에이터로 애니메이션 만들고 저장하기
[피그마] 피그마 업데이트 Multi-edit 다중 선택 편집하기
Просмотров 1,3 тыс.10 месяцев назад
[피그마] 피그마 업데이트 Multi-edit 다중 선택 편집하기
[로티 크리에이터] 웹기반 무료 애니메이션 툴 Lottie Creator UI 살펴보기
Просмотров 2,9 тыс.10 месяцев назад
[로티 크리에이터] 웹기반 무료 애니메이션 툴 Lottie Creator UI 살펴보기
[피그마] 2024 2월 피그마 프로토타이핑 업데이트 살펴보기
Просмотров 1,2 тыс.11 месяцев назад
[피그마] 2024 2월 피그마 프로토타이핑 업데이트 살펴보기
[피그마 플러그인] 디자인 패턴을 빠르게 얻을 수 있는 Mobbin 모빈 웹사이트와 플러그인
Просмотров 97411 месяцев назад
[피그마 플러그인] 디자인 패턴을 빠르게 얻을 수 있는 Mobbin 모빈 웹사이트와 플러그인
[피그마] 홀로그래픽 효과 만들기 holographic effect
Просмотров 1 тыс.Год назад
[피그마] 홀로그래픽 효과 만들기 holographic effect
[피그마 플러그인] Google Sheet Sync 구글시트 플러그인으로 데이터 연동하기
Просмотров 2,6 тыс.Год назад
[피그마 플러그인] Google Sheet Sync 구글시트 플러그인으로 데이터 연동하기
루씨님 저도 언스플래쉬에서 주소 가져와서 그대로 했는데 왜 error feching image라고 뜰까요 ㅠㅠ ! 네이밍은제대로 했습니다
선생님.. 저는 왜 컴포넌트의 property가 boolean이 아니고 variant로 되어 있을까요? 그래서 그런지 apply variable 버튼 눌러도 가능한 variables가 없다고 뜨네요..ㅠㅠ 6:01
오호
안녕하세요! 좋은 정보 감사드려요. 궁금한점이 있습니다. 구글 시트 연동시 A열에 프레임명을 기재한 후 피그마 프레임명과 동일하게 연동할 수 있나요? 예를들어, - 구글시트 A열 프레임명 : 대형마트 - 피그마 프레임명 : #대형마트 문의드리는 이유는 프레임으로 추출 시 파일명 수정없이 사용하려는 목적입니다!
안녕하세요 프레임은 연동이 안됩니다. 도형, 문자 레이어에 해주세요. 영상 시청해 주셔서 감사합니다!
오토 레이아웃으로 자동 정렬 되는줄 알았는데 줄이고 늘리는군요
안녕하세요 이 영상은 21년에 찍어서 최근 오토 레이아웃이 반영이 안되었어요. 그래서 direction-wrap 이 안됐습니다. wrap으로 하면 안의 컨텐츠가 자동으로 밑으로 내려갑니다. 영상 시청해 주셔서 감사합니다. 😊
Change to 비활성 되는데 어떻게 해야 ….하나요
안녕하세요 change to 액션은 컴포넌트 세트 안에서만 활성화 됩니다. 아마도 컴포넌트 세트가 안 만들어졌나봐요^^ 영상 시청해 주셔서 감사합니다.
요론게 있는지 몰랐네요. 좋은 정보 감사합니다.
안녕하세요. 제디터 나온지 얼마안됐어요. 사용해 봤는데 디자인도 좋고 AI가 빠르게 상세 페이지 생성해 주니 쇼핑몰 운영자에게 좋은 툴이 될것 같아요. 영상 시청해 주셔서 감사합니다 🥰
직접 선 꽂고 발표할때는 청중보는 화면이랑 발표 화면을 어떻게 나눠야 하는걸까요; 아무리 찾아봐도 모르겠네요 😂
맥에서는 데스크탑1에서 발표자 화면을, 데스크탑2에서는 청중이 보는 화면으로 설정하세요. 발표자는 데스크탑1에서 다음 페이지를 넘기면 청중도 같은 화면을 봅니다. 윈도우는 확장으로 발표자와 청중 화면을 분리한 후에 하시면 됩니다^^ 영상 시청해 주셔서 감사합니다!!
루씨님 안녕하세요 :) 이거 혹시 하고나면 공유하기했을때 모바일화면에서도 흐르는 기능이 구현되나요~~~?
피그마 미러앱에서 구현이 됩니다. 영상 시청해 주셔서 감사합니다.!!!
너무 유용한 영상입니다! 감사합니다❤
영상 시청해주시고 댓글 남겨주셔서 감사합니다!!
안녕하세요! 혹시 스트로크 1.5 두께로 제작하면 깨질까요?
안녕하세요 소수점으로 해도 되는데, SVG 형식으로 사용하세요. 영상 시청해주셔서 감사합니다😍
html generator 플러그인이 없을때는 어떻게 추가 하나요?
안녕하세요 검색하실 때 htmlgenerator 중간에 공백없이 해주세요^^
좋은 정보 감사합니다. 말씀처럼 상세페이지 초안 잡는데 매우 유용한 것 같습니다.
AI로 상세페이지까지 만들다니 ~~ 정말 좋은 세상입니다!! 제디터로 멋지게 만들어보세요. 영상 시청해 주셔서 감사합니다!!
덕분에 베리어블에 대해 더 자세히 알게 됐어요 정말 감사합니다
도움되셨다니 기쁘네요^_____^
감사합니다!!:)
영상시청해 주셔서 감사합니다 😍 새해 좋은 일만 가득하길 바래요🍀
안녕하세요, 루씨님! 저는 이미지로 효과를 넣어보았는데, 속도가 너무 빠르게 흘러갑니다ㅠㅠ Start-End 모두 너비 14700px이구, Frame에 가둬서 1920px로 설정했구요. 프로토타입 걸 때도 속도 최대가 10000ms여서 최대치로 했는데도 너무 빠르게 슬라이드 되네요ㅠㅠ 혹시 속도를 늦출 수 있는 방법은 없을까요ㅠ.ㅠ
안녕하세요 프레임 안에 컨텐츠가 길게 있어야지 천천히 이동합니다. lucymygirl@naver.com으로 공유해주시면 봐드릴께요. 영상 시청해 주셔서 감사합니다. 😊
bento grid 가 검색이안되는데 찾을수 없나요
안녕하세요 크리프트님 bento grid maker 플러그인 있습니다.다시 검색해보세요^^
백엔드 개발자입니다! Figma 강의 몇개 구매해서 맛보기 중인데 그중 몰입도가 가장 좋아요! 강의 만들어주셔서 감사합니다~!
우앙~~ 인프런에서 제 강의 구매해서 들어주셔서 감사합니다. 아직 수강평이 없어서 궁금했는데 👍😍👍👍👍 댓글 감사합니다. 끝까지 완강하세요!!! 감사합니다!!
생초보가 들기에 살짝 진도가 빠르지만 너무나도 쉽게 설명해주셔서 좋았습니다
안녕하세요. jumpwithjordan님 이 영상은 어느정도 피그마 사용을 할수 있는 분들이 들으시면 좋을 것 같아요. 오토레이아웃을 공부하신 후에 이 영상을 보시면 이해가 쉬울꺼에요. 시청해 주셔서 감사합니다. 😊
좋은 강의 감사합니다. 잘 봤습니다!
영상시청해 주시고 댓글도 남겨주셔서 감사합니다 👍❤️
선생님....2분20초경에 프로토타입 호버 -> change to로 설정하려는데 change to로 안걸려요ㅠ이부분이 비활성화되어있어요ㅠ왜이얼죠ㅠ
안녕하세요 호랑님 change to 액션이 안나오고 navigate to 가 나오면 컴포넌트 세트가 안됐다는 의미입니다. 컴포넌트 세트안에서 액션은 항상 change to 로 자동으로 설정이 됩니다. 다시 확인해주세요. 영상 시청해주셔서 감사합니다.❤️
감사합니다! 디자이너인데 개발자에게 어떻개 주어야할지 고민이었거든요 ㅠ
안녕하세요 yaming 님 영상이 도움이 되셨길 바래요. 시청해주셔서 감사합니다 👍🥰
루씨님 너무 잘 봤습니다. 저는 에펙에서 모션을 만들고 json으로 추출했는데 훨씬 더 간결하고 쉬워졌습니다. 피그마에서 애니메이션이나 로티파일즈에서 움직임을 주고 결국엔 json 같은 결과물이 있어야하는데 유료를 신청하고 사용 해야하는거죠?
안녕하세요. 애니메이션을 만든 후에 download & handoff 에서 lottieJSON으로 다운로드 해주세요. 무료 플랜에서도 lottieJSON은 가능합니다. 다만 optimized dotLottie와 optimized lottieJSON으로 다운받으려면 유료 플랜을 결재하셔야 해요. 영상 시청해 주셔서 감사합니다.🥰
한국께 많이 없ㅇㅓ서 아쉽네요 ㅎㅎ
국내 서비스는 윗wwit , uibowl 에 많이 있습니다.
감사합니다
@@숨덕탈출 영상시청해 주셔서 감사해요 😊
제 피그마가 이상한건가요? alt ctrl B 눌려도 컴포넌트 해제가 안 돼서 고통을 받고 있어요. ㅜㅜㅜㅜ(8:23) 설마 인스턴트 컴포넌트만 돼고 마스터 컴포넌트는 안 돼는 거예요?
@@숨덕탈출 인스턴스 해제만 있어요. 컴포넌트 해제는 없어요. 플러그인 detatch component 사용해주세요^^
예재자료는 어디있나요??
안녕하세요 숨덕탈출님~ 파일이 어디에 있는지 없네요^^;; 영상 시청해 주셔서 감사합니다.
3:51 혹시 컴퍼넌트 적용 된 박스의 크기를 자율자제로 움직일 수 있나요? 자율자제로 움직이지 않고 고정되어 있어서요 ㅜㅜ 혹시 자율자제로 움직일 수 있으면 알려줄 수 있나여??
안녕하세요 컴포넌트 세트(보라색 점선)의 크기 조정을 변경하고 싶으신가요? 베리언트 추가하면 점선 크기도 같이 늘어납니다. 더 크게 하고 싶으면 점선을 늘리시면 되요^^
좋은 영상 만들어주셔서 넘나 유용하게 공부 하고 있어요. 한가지 질문이 있는데, Main 을 만들고 나서 약간 동영상이 편집되면서 잘린 것 같아서요. 똑같이 잘 안되는데 맞나요?
안녕하세요 geniusahn님 제가 편집하다가 잘렸나봐요. 피그마 커뮤니티에 파일 올렸습니다. 파일 참고 부탁드려요. www.figma.com/community/file/1439043014635458834 영상 시청해 주셔서 감사합니다😍
반응형 궁금했는데 너무 좋은 강의 감사합니다 다음에 천천히 다시 볼께요 혹시 웹사이트 제작시 모바일 버전은 어떻게 제작해야 할까요 ? 모바일 크기로 다시 제작해야 할까요 지금처럼 이렇게 모든 디자인이 가능할까요 좀 더 편하게 반응형 디자인 어떻게 하는지 알고 싶어요 감사합니다
안녕하세요 디어북노트님~ 반응형으로 디바이스에 따라 전환할 때 영상처럼 간단하게 전환 되지는 않아요^^;; 그래도 오토 레이아웃의 wrap이 생겨서 편해지긴 했어요. 우선 모바일 설계를 한 후에 오토 레이아웃 또는 베리어블 중 편한 방식으로 해주세요. 영상 시청해주셔서 감사합니다.🥰
@@UXUI 친절하신 설명 너무 감사드립니다 🤍모바일 버전 새롭게 만들어야 되는군요 😢 너무 감사드립니다 늘 유익한 강의 해주셔서 감사드립니다 🥹🤍🤍
너무 자세한설명 감사합니다!!! 번역은 어떻게 할까요?!?!
안녕하세요 번역은 파파고나 구글 번역기로 해주세요^^;; 위젯이 있지만 피그마에서만 가능합니다. www.figma.com/community/widget/1133906465500929288/translate 영상 시청해 주셔서 감사해요!!😍
따라해보는중인데 왜 글자가 나만 멈춰있는것인가..
ㅋㅋ 혜띠님 잘안되나요?? 컴포넌트 세트로 만들고 두번째는 텍스트의 위치를 왼쪽으로 옮겨주세요. 안되면 lucymygirl@naver.com으로 파일 공유해주세요. 감사합니다!
우측 하단 ? 눌러서 go back to previous UI 누르면 예전 UI로 사용 가능해요. 근데 이게... 저는 이전 UI가 너무 익숙해서 내년부터 새로운 UI로만 사용 가능한다고 한다면 걱정이네요.
안녕하세요. 얼른 새로운 UI에 적응하셔야 할텐데 ^^;; 써보니까 바뀐 UI가 훨씬 일할 때는편하더라구요. 영상 시청해 주셔서 감사합니다!
저에게 필요했던 강의인데 너무 감사합니다 !
안녕하세요 성원제님 필요했던 내용이라 다행이네요. 피그마로 다양한 구현해보세요. 응원합니다!!!
포토샵은 안하면 까먹어요...감사합니다.
영상시청해 주셔서 감사합니다🥰
안녕하세요!이번 강의와는 관련없는 질문입니다만 이전에 너무 도움을 많이 받았던 채널인지라 최근영상쪽에 질문 남겨봅니다..! 페이지 하나에서 각각 세로길이가 다른 이미지 여섯개를 좌우버튼을 누르면 한장씩 넘어가게 총 여섯 컴포넌트를 만들어 배리언트 했는데요, 문제는 각각 이미지 길이가 달라서 페이지 하단을 넘어가는 이미지가 있거나 하단 여백이 너무 많이 남는 이미지가 있어요. 각 이미지별로 페이지의 길이가 달라지게 하나의 배리언트를 만들고싶은데 어떻게 하면 좋을까요?
안녕하세요. 설명만으로는 이해가 좀 어렵네요. 컴포넌트 세트로 만들고 가져온 인스턴스를 프레임에 배치해서 버튼을 누르면 페이지하 넘어가는 방식인가요? ㅁ 가져온 인스턴스를 오토레이아웃으로 만들고 높이를 hug로 해보세요. 그래도 안되면 lucymygirl@naver.com으로 파일을 공유해주세요^^
@@UXUI 답변 감사합니다!알려주신 방법으로 테스트 해보았으나 구현되지 않아서 메일로 제작파일 전송해드렸습니다!ㅜㅜ 시간 괜찮으실때 확인해주시면 너무 감사드리겠습니다🙇♀️
@@siro-f5y 메일 보냈습니다. 영상 시청해 주셔서 감사해요😍
@@UXUI 안녕하세요!한가지 더 질문드려도 될까요...?페이지에 만들어놓은 스크롤이 프로토타입 fill screen으로 볼때는 표시가 되는데 fit width으로 보면 사라져서 전혀 표시가 안됩니다. 어떻게 하면 좋을까요?😥
이유는 모르겠으나 어쩌다보니 해결되었습니다...!!
설명 너무 잘해주세요 ❤
댓글도 남겨주시고~~시청해주셔서 감사해요^^
영상 마다 자세하세 설명해주셔서 정말 유익합니다 아직 너무 몰라서 좀 스트레스 쌓이고 힘들지만 좋은 강의 해주셔서 너무 감사드립니다 ㅠㅠ
안녕하세요 디어북노트님 영상 모두 시청해주셔서 감사합니다. 끝까지 영상 다 들어보시고 피그마 마스터 해보세요^^ 화이팅입니다~~
필과 허그에 대해 원리끼지 설명해셔서 감사합니다 포인트 명확하고 자세히 알려주셔서 정주행하겠습니다 아직 질모르겠지만 보다보면 차차 알게 될거 같은 희망이 생깁니다 김시힙니다 ❤
댓글 감사합니다!! 피그마 정주행하시면서 정복해보세요. 응원합니다!!
안녕하세요..게속 따라해봤는데 안돼요.. 도와주세요ㅠㅠ
안녕하세요 lucymygirl@naver.com으로 파일 공유해주시면 봐드릴께요. 시청해주셔서 감사해요^^
안녕하세요 루씨님 8:47 컴포넌트 해서 프레임에 넣었는데 한줄이 안 나오고 계속 두줄로 나오네요ㅠㅠ 왜 이러는지 알 수 있을까요?
안녕하세요 컴포넌트 세트로 만들었나요? 아마도 컴포넌트로 만들것 같아요^^
@@UXUI 루씨님 말대로 다시 확인해보니까 세트로 안만들었어요ㅠㅠ 감사합니다👍
안녕하세요 루씨님 따라해보았는데 안되어서 메일보내드렸습니다ㅜㅜ 도와주세요
안녕하세요. 메일보냈습니다. 5:29~5:40 처럼 end안의 로고는 위치가 왼쪽으로 이동해주세요. 영상 시청해 주셔서 감사합니다!
너무너무 큰 도움입니다..감사해요 그런데 저 이미지 링크는 어디서 생성되는 링크인지 알수 있을까요?!
안녕하세요. 이미지는 언스플래쉬 웹사이트에 있는 이미지 주소입니다. 제품 이미지를 서버에 먼저 올린 후에 이미지 주소를 넣어주세요. 영상 시청해 주셔서 감사합니다^^
@@UXUI 와 감사합니다!!!!!!!!!!!❤️
쉬운 설명 감사합니다 유익해요!
영상 시청해 주셔서 감사합니다!!
누구보다 너무쉽게 설명해주셔서 육퇴후 적용하니 넘나감동스럽네요ㅠㅠ 감사합니다❤❤❤❤
안녕하세요 별다방님~ 육퇴하셔서 시원하시겠어요~~ ㅎㅎ (완전 공감합니다) 콘텐츠 디자이너 또는 쇼핑몰 디자이너를 위한 영상 계획 중입니다. 완전 편리한 기능을 실무자가 사용하는 방법으로 마구 공개합니다. 조금만 기다려주세요. 영상 시청해 주셔서 감사합니다❤.❤
너무 유익해요!!!! 쉬운 설명에 이해가 잘됐어요ㅠ 감사합니다
영상 시청해주셔서 감사합니다. 로티의 매력에 빠져보세요^^
이 프로그램 무료가 맞을까요? 홈페이지 들어가서 pricing 에서 보니 무료상품은 없던데요
로티 웹사이트와 플러그인은 무료입니다. 일부 애니메이션이 유료이고, 다운로드 형식에 따라 유료가 간혹 있습니다. lottiefiles.com/웹사이트에서 애니메이션 검색하면 무료 / 유료가 보입니다. 무료로 필터 체크하고 검색해보세요^^ 영상 시청해주셔서 감사합니다!!
6:20 에 레이어 패널이 완전히 닫히는 단축키 혹시 알려주실수있으실까용?
alt(opt)+L 입니다. 영상 시청해 주셔서 감사해요!!!
이전 버전으로 쓰고 싶은데 UI 화면이 갑자기 바뀐 부분은 어떻게 되돌리나요? ㅜㅜ
안녕하세요. 이전 버전으로 돌릴수 없는데요^^;;
영상 시청해 주셔서 감사합니다😍