- 77
- 383 799
UX School
South Korea
Приєднався 7 лют 2020
UX Design Open School
★ uxssam@gmail.com
★ uxssam@gmail.com
[UX+AI] 드디어 오픈한 피그마AI로 3초면 완성하는 UI디자인 (한글입력 가능), 웹 앱 , 와이어프레임, 이미지 생성, 자동 언어변환 #aiux
피그마AI로 3초면 완성하는 UI디자인 , 웹&앱 UI디자인, 와이어프레임 (한글 입력가능)
피그마 컨피그에서 AI서비스가 발표된 후
애플 표절 이슈로 피그마 AI서비스가 중단되었다가
드디어 다시 오픈했습니다.
01:00 First Draft : 앱UI디자인 강의
03:55 First Draft : 앱UI디자인 강의 (한글 입력)
05:18 First Draft : 웹UI디자인 강의 (한글 입력)
06:23 Translate to : 디자인 한글로 바꾸기 (모든 언어 가능)
06:52 Make an image : 이미지 변경 가능
07:25 Rename layers : 레이어 이름 한번에 변경
피그마AI
help.figma.com/hc/en-us/articles/4406787442711-What-Figma-features-are-in-beta#h_01J1BBH8MADVEQMNFJ2SNPNZCE
#aidesign #aiux #figma #figmaai #uidesign #creatieai #uxdesign #aidesign 디자인 #피그마 #UI디자인 #UX디자인 #와이어프레임 #wireframe #guidesign #gui #appdesign #freeaitools #3d #icondesign #아이콘디자인 #앱디자인
피그마 컨피그에서 AI서비스가 발표된 후
애플 표절 이슈로 피그마 AI서비스가 중단되었다가
드디어 다시 오픈했습니다.
01:00 First Draft : 앱UI디자인 강의
03:55 First Draft : 앱UI디자인 강의 (한글 입력)
05:18 First Draft : 웹UI디자인 강의 (한글 입력)
06:23 Translate to : 디자인 한글로 바꾸기 (모든 언어 가능)
06:52 Make an image : 이미지 변경 가능
07:25 Rename layers : 레이어 이름 한번에 변경
피그마AI
help.figma.com/hc/en-us/articles/4406787442711-What-Figma-features-are-in-beta#h_01J1BBH8MADVEQMNFJ2SNPNZCE
#aidesign #aiux #figma #figmaai #uidesign #creatieai #uxdesign #aidesign 디자인 #피그마 #UI디자인 #UX디자인 #와이어프레임 #wireframe #guidesign #gui #appdesign #freeaitools #3d #icondesign #아이콘디자인 #앱디자인
Переглядів: 2 191
Відео
[UX+AI] AI디자인시대! AI기반 UI UX디자인 툴로 빠르게 UI디자인 하기 “크리에이티(Creatie)와 피그마(Figma) 비교” #aiux
Переглядів 820Місяць тому
AI디자인 시대, 업무 효율을 높이는! AI기반 UI UX디자인 툴로 쉽고 빠르게 UI디자인하기! (무료) 요즘 급부상하는 툴 크리에이티(Creatie)와 피그마(Figma) 비교!! *강의순서 0:30 크리에이티(Creatie)소개 2:05 AI로 와이어프레임 그리기 3:26 AI로 GUI디자인 하기 6:40 피그마파일 불러오기 (스케치,어도비XD도 가능) 7:00 AI로 3D아이콘 생성 9:53 프로토타입 연결 10:45 디자인검수 10:59 스타일가이드 완성 [크리에이티AI] creatie.ai #aidesign #aiux #figma #uidesign #creatieai #uxdesign #ai 디자인 #피그마 #크리에이티 #UI디자인 #UX디자인 #와이어프레임 #wireframe #guides...
[UX+AI] AI로 쉽게! 앱 리자인하기! 갈릴레오AI, AI UI디자인 #GalileoAI #aidesign
Переглядів 8419 місяців тому
[Figma with AI] AI로 누구나 쉽게! 3초면 완성하는 앱 디자인!: 에어비앤비 앱 리디자인 퀄리티 높은 UI디자인을 AI를 활용해서 쉽게 디자인해보세요! *AI로 누구나 쉽게! 3초면 완성하는 앱&웹 디자인(1)을 먼저 시청해주세요!! ua-cam.com/video/FltOGbkI66o/v-deo.html *피그마 : www.figma.com *갈릴레오AI: www.usegalileo.ai *에어비앤비 앱 메인페이지 www.airbnb.co.kr #Galileoai #ai디자인 #aifigma #ai피그마 #ui디자인 #UIdesign #피그마 #figma #aidesign #aidesign #wireframedesigner #wireframedesign #fi...
[UX+AI] AI로 쉽게! 3초면 완성하는 퀄리티 높은 앱&웹 디자인(1) #GalileoAI , 갈릴레오AI, AI로 앱디자인, AI UI
Переглядів 3,6 тис.9 місяців тому
[Figma with AI] AI로 누구나 쉽게, 3초면 완성하는 퀄리티 높은 앱&웹 디자인(1) 누구나 쉽게!!! AI를 활용해서 퀄리티 높은 앱&웹 디자인을 완성해 보세요! *피그마 : www.figma.com *갈릴레오AI: www.usegalileo.ai [Figma with AI] AI로 와이어프레임 그리기 ua-cam.com/video/Jm9h_JmEnu8/v-deo.html [Figma with AI] AI로 누구나 쉽게, 3초면 완성하는 퀄리티 높은 앱&웹 디자인(1) ua-cam.com/video/FltOGbkI66o/v-deo.html [Figma with AI] AI로 누구나 쉽게! 3초면 완성하는 앱 디자인! (에어비앤비 앱 리디자인) ua-cam.com/...
[UX+AI] AI로 3초만에 와이어프레임 그리기!!! 피그마에서 그리는 법! AI와이어프레임, AI디자인
Переглядів 6 тис.9 місяців тому
피그마 업데이트로 상단 왼쪽에 있는 툴바 - 하단 중앙으로 이동했습니다 *피그마 : www.figma.com/ *AI플러그인: -wireframe designer www.figma.com/community/plugin/1228969298040149016/wireframe-designer -magician magician.design [Figma with AI] AI로 와이어프레임 그리기 ua-cam.com/video/Jm9h_JmEnu8/v-deo.html [Figma with AI] AI로 3초만에 앱&웹 UI 디자인 완성(1) ua-cam.com/video/FltOGbkI66o/v-deo.html [Figma with AI] AI로 3초만에...
[학생과제] 피그마로 작업한 앱 디자인 : 온라인 축하 어플
Переглядів 401Рік тому
[학생과제] 온라인 축하 어플 오민석, 고은지, 서아름, 최서영 (2023) 한학기 동안 작업한 작품입니다. *이 영상의 저작권은 이 작품을 제작한 학생에게 있습니다. 공유 배포 금지입니다. #figma #figmaappdesign #uiux #uxdesign #appdesign
[학생과제] 피그마로 작업한 앱 디자인: 루시드 드림
Переглядів 218Рік тому
[학생과제] 루시드드림 서비스 최완혁, 최은지, 김태은 (2023) 한학기 동안 작업한 작품입니다. *이 영상의 저작권은 이 작품을 제작한 학생에게 있습니다. 공유 배포 금지입니다. #figma #figmaappdesign #uiux #uxdesign #appdesign
[Figma] 꼭 필요한 플러그인! 앱 웹 디자인에 필요한 무료 아이콘 쉽게 찾는 방법! 아이콘 추가방법!
Переглядів 4,5 тис.Рік тому
[꼭 필요한 플러그인] 앱 웹 디자인에 필요한 무료 아이콘 쉽게 찾는 방법! 플러그인에서 바로 추가하시거나, 아래 사이트에서 검색하셔도 됩니다. 강의에서 보여드린, 무료 아이콘 *사이트 fonts.google.com/icons fontawesome.com feathericons.com iconduck.com #UX디자인 #ui디자인 #UIdesign #피그마 #figma #figmadesign #figma_tutorial #피그마소개 #피그마장단점 #프로토타입툴 #피그마인터페이스 #피그마툴설명 #피그마초보 #피그마처음 #피그마튜토리얼 #피그마사진넣기 #피그마이미지추가 #figmainterface #figmaguide #피그마기초 #피그마처음사용자 #피그마와이어프레임 #피그마앱디자인 #wireframes...
[Figma] 꼭 필요한 플러그인! Unsplash! 무료 이미지 쉽게 찾아서 가져오기!!! 언플래쉬 활용법!
Переглядів 1,8 тис.Рік тому
[꼭 필요한 플러그인] 플러그인을 활용해서 웹, 앱 디자인에 이미지(사진)을 쉽게 가져오는 방법입니다! 언스플래쉬 활용법! *unsplash.com #UX디자인 #ui디자인 #UIdesign #피그마 #figma #figmadesign #figma_tutorial #피그마소개 #피그마장단점 #프로토타입툴 #피그마인터페이스 #피그마툴설명 #피그마초보 #피그마처음 #피그마튜토리얼 #피그마사진넣기 #피그마이미지추가 #figmainterface #figmaguide #피그마기초 #피그마처음사용자 #피그마와이어프레임 #피그마앱디자인 #wireframes #wireframe #appui #appux #앱화면연결 #앱프로토타입 #prototype #appprototype #figmaappdesign #figmaap...
[Figma] 피그마에서 사운드 오디오 추가하는 방법!!! (음악앱! 효과음!)
Переглядів 4,2 тис.Рік тому
[Figma] 피그마에서 사운드 오디오 추가하는 방법!!! 플레이 화면 04:10 플러그인(anima)으로 사용하는 방법 04:49 #UX디자인 #ui디자인 #UIdesign #피그마 #figma #figmadesign #figma_tutorial #피그마소개 #피그마장단점 #프로토타입툴 #피그마인터페이스 #피그마툴설명 #피그마초보 #피그마처음 #피그마튜토리얼 #figmainterface #figmaguide #피그마기초 #피그마처음사용자 #피그마와이어프레임 #피그마앱디자인 #wireframes #wireframe #appui #appux #앱화면연결 #앱프로토타입 #prototype #appprototype #figmaappdesign #figmaapp #figmaappux #피그마앱디자인 #피그마앱...
[Figma] 오버레이 활용!!! 햄버거 메뉴 선택시 슬라이딩 메뉴 & 키보드 올라오기 /팝업창 / 피그마인터랙션 (3분강의)
Переглядів 8 тис.Рік тому
[Figma] 오버레이 활용!!! 햄버거 메뉴 선택시 슬라이딩 메뉴 나오기 & 키보드 올라오기 (피그마 인터랙션) 오버레이 기능으로 다양한 인터랙션에 활용해 보세요! #UX디자인 #ui디자인 #UIdesign #피그마 #figma #figmadesign #figma_tutorial #피그마소개 #피그마장단점 #프로토타입툴 #피그마인터페이스 #피그마툴설명 #피그마초보 #피그마처음 #피그마튜토리얼 #figmainterface #figmaguide #피그마기초 #피그마처음사용자 #피그마와이어프레임 #피그마앱디자인 #wireframes #wireframe #appui #appux #앱화면연결 #앱프로토타입 #prototype #appprototype #f...
[Figma] 웹/앱에 비디오 영상 추가하기 (1분강의) 영상추가가 되지 않을경우!!!
Переглядів 7 тис.Рік тому
[Figma] 웹/앱에 비디오 영상 추가하기 (1분강의) *영상추가가 되지 않을경우!!! 01:41 #UX디자인 #ui디자인 #UIdesign #피그마 #figma #figmadesign #figma_tutorial #피그마소개 #피그마장단점 #프로토타입툴 #피그마인터페이스 #피그마툴설명 #피그마초보 #피그마처음 #피그마튜토리얼 #figmainterface #figmaguide #피그마기초 #피그마처음사용자 #피그마와이어프레임 #피그마앱디자인 #wireframes #wireframe #appui #appux #앱화면연결 #앱프로토타입 #prototype #appprototype #figmaappdesign #figmaapp #figmaappux #피그마앱디자인 #피그마앱uiux #피...
[Figma] 인터랙션 : 피그마에서 좌우 드래그로 이미지 확대! 이미지 슬라이드 기능!!! (웹/앱 이미지 선택시 활용해보세요)
Переглядів 11 тис.Рік тому
[Figma] 인터랙션 : 좌우 드래그로 이미지 확대! 이미지 슬라이드 기능!!! #UX디자인 #ui디자인 #UIdesign #피그마 #figma #figmadesign #figma_tutorial #피그마소개 #피그마장단점 #프로토타입툴 #피그마인터페이스 #피그마툴설명 #피그마초보 #피그마처음 #피그마튜토리얼 #figmainterface #figmaguide #피그마기초 #피그마처음사용자 #피그마와이어프레임 #피그마앱디자인 #wireframes #wireframe #appui #appux #앱화면연결 #앱프로토타입 #prototype #appprototype #figmaappdesign #figmaapp #figmaappux #피그마앱디자인 #피그마앱uiux #피그마앱디자인 #피그마인터랙션 #피그마애...
[Figma] 마우스오버!!! 마우스 오버시 이미지(사진)확대하기! 색상변경 /정보(텍스트) 보이기 / 마우스오버 인터랙션 / hovering 기능
Переглядів 6 тис.Рік тому
[Figma] 마우스오버 활용 : 마우스 오버시 이미지(사진)확대하기! 색상변경 /정보(텍스트) 보이기 / 마우스오버 인터랙션 / hovering 기능 #UX디자인 #ui디자인 #UIdesign #피그마 #figma #figmadesign #figma_tutorial #피그마소개 #피그마장단점 #프로토타입툴 #피그마인터페이스 #피그마툴설명 #피그마초보 #피그마처음 #피그마튜토리얼 #figmainterface #figmaguide #피그마기초 #피그마처음사용자 #피그마와이어프레임 #피그마앱디자인 #wireframes #wireframe #appui #appux #앱화면연결 #앱프로토타입 #prototype #appprototype #figmaappdesign #figmaapp #figma...
[Figma] 상단 네비게이션 메뉴바 고정 (상단, 하단 메뉴 및 이미지, 텍스트 고정) 피그마 업데이트 기능! (1분강의)
Переглядів 11 тис.Рік тому
[Figma] 상단 네비게이션 메뉴바 고정 (상단, 하단 메뉴 및 이미지, 텍스트 고정) 피그마 업데이트 기능! (1분강의)
[Figma] 컴포넌트 활용: 버튼, 이미지등을 하나만 그려서 여러 화면에 사용하는 방법 (예: 토글 버튼) 3분완성!
Переглядів 4,3 тис.Рік тому
[Figma] 컴포넌트 활용: 버튼, 이미지등을 하나만 그려서 여러 화면에 사용하는 방법 (예: 토글 버튼) 3분완성!
[Figma] 피그마를 처음 하시는 분들을 위한 쉽게 웹(Web)와이어프레임 그리기 (UI키트 활용, 웹UI)
Переглядів 11 тис.Рік тому
[Figma] 피그마를 처음 하시는 분들을 위한 쉽게 웹(Web)와이어프레임 그리기 (UI키트 활용, 웹UI)
[Figma] 가로(좌우) 스크롤 하기! 오브젝트&사진&그림등을 좌우 스크롤해보세요! (2분강의)
Переглядів 11 тис.Рік тому
[Figma] 가로(좌우) 스크롤 하기! 오브젝트&사진&그림등을 좌우 스크롤해보세요! (2분강의)
[Figma] 화면전환, 움직이는 페이지를 위한 / 인터랙션 & 애니메이션 !!
Переглядів 19 тис.Рік тому
[Figma] 화면전환, 움직이는 페이지를 위한 / 인터랙션 & 애니메이션 !!
[Figma] 피그마 앱 UI UX 디자인 하기 / 에어비앤비 앱 디자인 따라 그려보기
Переглядів 17 тис.Рік тому
[Figma] 피그마 앱 UI UX 디자인 하기 / 에어비앤비 앱 디자인 따라 그려보기
[Figma] 피그마 작업할 때 로컬 파일로 꼭 저장해두세요!!! 로컬파일 저장 / 파일 열기
Переглядів 10 тис.Рік тому
[Figma] 피그마 작업할 때 로컬 파일로 꼭 저장해두세요!!! 로컬파일 저장 / 파일 열기
[Figma] 폰트 한번에 바꾸기&폰트누락&로컬폰트사용&안드로이드,iOS기본폰트&구글폰트페어링&폰트플러그인
Переглядів 11 тис.Рік тому
[Figma] 폰트 한번에 바꾸기&폰트누락&로컬폰트사용&안드로이드,iOS기본폰트&구글폰트페어링&폰트플러그인
[Figma] 피그마를 처음 하시는 분들을 위한 쉽게 프로토타입 연결하기 (앱 화면 연결)
Переглядів 10 тис.Рік тому
[Figma] 피그마를 처음 하시는 분들을 위한 쉽게 프로토타입 연결하기 (앱 화면 연결)
[Figma] 피그마를 처음 하시는 분들을 위한 쉽게 와이어프레임 그리기! (UI키트 활용, 앱UI)
Переглядів 28 тис.Рік тому
[Figma] 피그마를 처음 하시는 분들을 위한 쉽게 와이어프레임 그리기! (UI키트 활용, 앱UI)
[Figma] 처음 사용자를 위한 피그마 인터페이스 : 사용방법 + 툴 설명 (초보)
Переглядів 15 тис.Рік тому
[Figma] 처음 사용자를 위한 피그마 인터페이스 : 사용방법 툴 설명 (초보)
[Figma] UI UX 프로토타입 툴!!! 피그마 소개 & 장단점 & Adobe XD비교
Переглядів 13 тис.Рік тому
[Figma] UI UX 프로토타입 툴!!! 피그마 소개 & 장단점 & Adobe XD비교
[인터랙션 기초] Adobe XD로 디자인에 인터랙션 , 애니메이션 추가하기 (다양한 도형 애니메이션, 하트 애니메이션, 로딩바, 프로그레스바, 원형 로딩바 등)
Переглядів 1,4 тис.2 роки тому
[인터랙션 기초] Adobe XD로 디자인에 인터랙션 , 애니메이션 추가하기 (다양한 도형 애니메이션, 하트 애니메이션, 로딩바, 프로그레스바, 원형 로딩바 등)
AI 기능을 사용하려면 어떻게 해야하나요? 랜덤 배포라 사용할 수 없는건지 저는 계속 안뜨더라고요ㅠㅠ 답 부탁드립니다
미리 신청했던 유저들만 업데이트 된것 같습니다. 이전에, 이방법으로 신청했었는데, 이제는 없어진것 같습니다. (피그마 화면 우측 하단의 ﹖버튼 클릭 -> Join UI3 + AI waitlist] 클릭 -> 신청 완료) 혹시 신청하셨었다면 재로그인 해보시면 될것같고, 아니라면 조금 기다리셔야 할것 같습니다.
안녕하세요 질문이 있습니다. uxui 업계로 가고 싶은 디자인과 학생입니다. uxui에 대해서 이제 막 접했습니다... 영역에 맞는 와이어프레임을 제공해준다니.. 레이아웃을 봤을 대 너무 괜찮아보이네요...(제가 아직 보는 눈이 없어서 그런가요??) 시각쪽에 있다보니 무에서 유를 창조하는 느낌으로 그래픽이나 포스터 디자인을 해왔는데 저걸 보니 uxui에서 '디자이너' 로서 무엇을 해야하는가.....잘 모르겠습니다... 제가 너무 시각쪽 비주얼에만 치우쳐진 생각을 가지고 있는 것일까요? ㅠㅠㅠ 말은 이렇게 하지만 시각쪽도 많이 부족하긴 합니다...
현재 UX디자인 업계에서는 UI기획, 리서치, GUI 등등 분야가 많습니다. 위에 영상은 앱 GUI의 예시구요. (AI가 현재 UI디자인을 꽤 잘 만들어 내고 있긴합니다만, UX디자이너로서 보면 수정해야할 부분이 많습니다. 시니어급 이상은 AI를 활용하기 보다는 바로 그리는게 빠르구요) 그동안 많은 UX디자이너들이 사용자 경험 연구를 한다기 보다는 리서치 및 GUI 디자인 작업하는데 급급했다면, 앞으로는 AI가 UX디자이너가 생각한 대로 디자인해주고 가이드까지 만들어주면서 작업을 좀 더 효율적으로 할 수 있고, 사용자 경험 연구에 집중할 수 있지 않을까 싶습니다. (제 개인적인 의견입니다)
01:00 First Draft : 앱UI디자인 강의 03:55 First Draft : 앱UI디자인 강의 (한글 입력) 05:18 First Draft : 웹UI디자인 강의 (한글 입력) 06:23 Translate to : 디자인 한글로 바꾸기 (모든 언어 가능) 06:52 Make an image : 이미지 변경 가능 07:25 Rename layers : 레이어 이름 한번에 변경
젭ㅏㄹ과제내애하는데 ㅜㅜㅜㅜ 제가 프로토타입으로 한뒤 큰화면으로 열람 클릭했는데 페이지 제작화면이 안떠요 ㅜㅠ파일이 날라간건가요..
아니요. 그대로 저장되어 있을거에요 다시 피그마 열어서 보세요.
테마 수정할때 크기 확대하면 안에 모양이랑 배경이 자꾸 분리 되어 커지는데 왜이런건가요 ㅠㅠ 알트 쉬프트 다 눌러도 크기가 일정하게 똑같이 조절이 안됩니다
혹시 크게하거나҉ 작게하는 단축키 있나요
크기 유지하면서 스케일 조절을 말씀하시는건가요? 하단 툴바에 Move (커서,화살표모양) 클릭- Scale 버튼 선택 - 그런후 객체 크기 조절하면 동일비율로 커지거나 작아집니다. (단축키 K) help.figma.com/hc/en-us/articles/360040451453-Resize-layers-with-the-scale-tool
AI로 UI디자인하기! 자세한 강의는 여기로! ua-cam.com/video/dslYJNlDyA0/v-deo.html 링크 복사!! 영상에서 더보기 설명 위에 아래와 같이 강의 영상이 연결되어 있으니 클릭(탭) 하시면 바로 보실수 있습니다 ▶ [UX+AI] AI디자인시대! AI기반 UI UX디자인 툴로 빠르게 UI디자인 하기
링크가 안터져요 ㅠ
@@지니지니-h4y 유튜브 쇼츠 댓글 정책이 변경되면서 링크 연결이 되지 않습니다. 링크 복사를 하시거나 , 영상 제목 위에 ▶ [UX+AI] AI디자인시대! ….를 클릭하시면 연결됩니다
[크리에이티 AI] creatie.ai *강의순서 0:30 크리에이티(Creatie)소개 2:05 AI로 와이어프레임 그리기 3:26 AI로 GUI디자인 하기 6:40 피그마파일 불러오기 (스케치,어도비XD도 가능) 7:00 AI로 3D아이콘 생성 9:53 프로토타입 연결 10:45 디자인검수 10:59 스타일가이드 완성
정말 감사합니다!!! 최고의 강의에요!
너무 감사합니다^^
자세한 설명 그리고 무엇보다고 실습할 수 있는 파일들을 알려주셔서 정말 감사합니다!!! 이런 설명 강의영상은 처음이네요. 강의들 보면서 실습파일을 만들수도 없고 따로 제공해주시는 분들은 없고 눈으로만 볼 수 밖에 없었는데 커뮤니티에서 제공해주는 무료 파일들이 많다고 말씀해주셔서 잘 찾아서 실습했어요. 복 받으실거에요~~~ 정말 감사합니다.
도움이 되셨다니 저도 너무 감사합니다^^
안녕하십니까! 좋은 영상 제작해주셔서 감사드립니다! 혹시 음성추가 기능은 반드시 유료버전이어야지만 구현 가능한지 여쭤보고 싶습니다! 알려주신 두 가지 방법 모두 유료버전에서 가능한건가용??
안녕하세요. 무료에서도 가능합니다!
물어볼 곳이 없어 질문 남깁니다. 온드래그에 스마트 에니메이트 이지인엔아웃 설정을 했는데 처음엔 영상과 같이 작동을 했는데 다음날 다시 해보니 피피티 넘어가는 것처럼 움직이더라구요 혹시 뭐가 잘못된걸까요 졸전 작업인데 몇시간째 앓고 있습니다
안녕하세요. 제가 파일을 보지 않는한 어떤 상황인지 잘 알지 못하지만.. 이것저것 작업하던중 뭔가 잘못되었을것 같은데요. 항상 첫번째 오브젝트들을 그대로 복사해서 사용해야 애니메이션이 적용되거든요. 중간에 오브젝트(이미지나 아이콘등) 위치를 변경하거나 수정하거나 하면 적용이 안됩니다. 애니메이션이 안될경우 그냥 그 부분만 삭제하고 다시 처음부터 진행해 보세요.
공유를 했는데 분명 휴대폰 사이즈에 맞춰 디자인 했는데 공유 화면에서 위나 아래에 링크 탭이 뜨면서 화면에 꽉 맞춰지지 않는것은 어떤 문제인가요ㅠ??
웹링크로 공유하신건가요? 링크탭이 어떤걸 말씀하시는지 모르겠지만 화면 사이즈가 다르면 그럴수 있습니다. 웹 링크로 할경우는 웹에서 띄우기 때문에 그렇구요
@@UXschool 웹에서 띄우지 않고 공유 링크를 핸드폰에서 보는 방법이 있나요..?!
@@김예인-y5f 네 어도비 XD앱 다운로드 받으셔서 로그인하시면 앱에서 볼수 있습니다.
@@UXschool 헉 감사합니다ㅠㅠ!!
프레임 생성후 다듬기로 시간 많이 절약되지요, 좋네요
네 맞습니다. 완벽하지는 않지만 처음 와이어프레임을 그릴때 좋아요.
본 동영상 삽입기능은 업그레이드로 돈을 지불해야되네요ㅠㅠ
혹시 학생이시면 학생인증 하시면 사용가능 힙니다. 학생인증 방법은 검색 포털사이트에서 검색해 보세요
불러온 이미지 원하는 부분 자르기는 어떻게하나요?
자르고 싶은 이미지 선택 , 마우마우스 왼쪽 더블 클릭 하면 창이 뜨고, crop을 선택하시면 됩니다.
ai의 발전으로 인해서 ui/ux 직군이 사라지게 될수도 있을까요?
제 생각에는 사라지지 않을것 같습니다. UI UX 디자인이 단순하게 화면만 그리는 사람이 아니기 때문이죠!
혹시 영상을 pdf에서 재생되게 하려면 어떻게 해야하나요?
PDF에 영상 삽입하는 방법을 검색해보시거나, 피그마에서 보여줄거면 공유링크로 여는 방법이 있습니다.
빈 프레임 보면 멘붕오는데, 이렇게 뭔가 빨리 아이디어를 얻거나, 브레인스톰할때 아주 좋을 것 같네요. 짧고 유익한 최고의 영상입니다.
강의 영상이 길면 잘 안보게되는것 같아, 항상 요점만 짧게 올립니다. 도움이 되셨다니 감사합니다
이거는 웹, 앱 플로우로 여러 스크린이 동시에 생성되는 것이 너무 좋네요. 유용한 영상, 정보, 감사해요. 영상이 짧고 중요한 내용만 딱 있어서 너무 좋아요.
네 감사합니다.
아주 유용한 정보네요. 감사해요. 구독 좋아요 했어요. 혹시 Check out Flow, 가입 Flow 이렇게 몇 장이 연속적으로 생성은 안 되고, 한번에 한장만 되나요?
네 감사합니다! 명령어, 프롬프트를 어떻게 입력하느냐에 따라 연속적으로 생성도 가능한것 같아요. 테스트 해보세요
강의 감사합니다.
감사합니다^^
좋은영상 감사드려요. 아이폰 해상도가 원래 높은데, 디자인할때 해상도가 엄청 낮게 나오는데 저렇게 줄여서 디자인해도 되는건가요? 저 이미지로 퍼블리싱 하면 모바일에서 해상도가 엄청 작아서 깨질거같은데요?
안녕하세요^^ 피그마에서 제공하는 아이폰이나 안드로이드폰등의 프레임 사이즈는 실무에서 사용하는 사이즈 입니다.걱정하지 않으셔도 됩니다. 이 프레임에 맞춰서 디자인 하시면 됩니다
안녕하세요, 올려주신 다양한 인터랙션을 보다보니 궁금한 점이 생겼습니다. 완성된 페이지를 공유해서 포트폴리오처럼 활용할수도 있을까요?
네 당연합니다. 포트폴리오처럼 활용해도 좋습니다.
오 다음 강의로 그런 팁 알려주실 수 있을까요?!
@@minnba16 네! 노력해보겠습니다
좋은 강의 감사합니다! 피그마 기초 강의 쭉 따라서 하고 있는데 설명을 잘 해주셔서 이해가 잘 됩니다ㅎㅎ
쉽고 간단하게 설명하려고 하는데, 도움이 되셨다니 감사합니다.
피그마 커뮤니티에서 키보드를 가져왔는데요, 키보드 크기가 프레임(320*568)에 맞지 않아서 키보드를 스케일툴로 줄여봤는데 안에 텍스트가 다 같이 줄여지지 않고 몇개만 줄여지더라구요 혹시 방법이 있을까요?
키보드가 프레임보다 커서 줄이려고 하는데 안돼서 질문드립니당 ㅠㅠ
키보드는 맞는 사이즈로 캡쳐해서 이미지로 사용하셔도 됩니다. 대부분 사이즈에 맞습니다. www.figma.com/community/file/946157263507080040/android-ios-keyboards-kit 여기서 가져와서 사용해보세요
14:13 이렇게 한번에 선택하는 건 어떻게 하는건가요? 영상잘보고있습니다 :)
첫 아이콘을 클릭하고 Shift키를 누른 상태로 나머지 아이콘을 클릭, 클릭하면 다 선택되어집니다.
아 스크롤 영역 지정ㅠㅠ 이거 때문에 진짜 몇시간을 정보 찾아 삼만리 했습니다! 감사합니다!
감사합니다!
프로토타입은 XD로 진행하신걸까요?
네 맞습니다.
감사합니다! 정주행 시작합니다!
응원합니다! 열심히 하세요!!!
좋은 정보 감사합니다~!
감사합니다
와우!~ 좋은 정보 감사합니다!~
감사합니다
피그마 업데이트로 상단 왼쪽에 있는 툴바 - 하단 중앙으로 이동했습니다 *AI플러그인: -wireframe designer www.figma.com/community/plugin/1228969298040149016/wireframe-designer -magician magician.design
1:56 animation 화면이 안나오는데..업데이트하면서 바뀐걸까요?ㅠ
네 맞습니다. 업데이트하면서 조금 바뀐것같습니다. open overlay로 설정하시고, sliding menu로 하시면 아래 애니메이션 창이 나옵니다.
혹시 슬라이딩 메뉴 찾으셨을까요?..
@@나신영-f6o 위 답글에 적어놓았습니다
링크 감사해요. 잘보겠습니다
*AI로 누구나 쉽게! 3초면 완성하는 앱&웹 디자인(1)을 먼저 시청해주세요!! ua-cam.com/video/FltOGbkI66o/v-deo.html Figma with AI] AI로 와이어프레임 그리기 ua-cam.com/video/Jm9h_JmEnu8/v-deo.html
[Figma with AI] AI로 와이어프레임 그리기 ua-cam.com/video/Jm9h_JmEnu8/v-deo.html [Figma with AI] AI로 누구나 쉽게, 3초면 완성하는 퀄리티 높은 앱&웹 디자인(1) ua-cam.com/video/FltOGbkI66o/v-deo.html [Figma with AI] AI로 누구나 쉽게! 3초면 완성하는 앱 디자인! (에어비앤비 앱 리디자인) ua-cam.com/video/JzpRNNbvM08/v-deo.html
[Figma with AI] AI로 와이어프레임 그리기 ua-cam.com/video/Jm9h_JmEnu8/v-deo.html [Figma with AI] AI로 누구나 쉽게, 3초면 완성하는 퀄리티 높은 앱&웹 디자인(1) ua-cam.com/video/FltOGbkI66o/v-deo.html [Figma with AI] AI로 누구나 쉽게! 3초면 완성하는 앱 디자인! (에어비앤비 앱 리디자인) ua-cam.com/video/JzpRNNbvM08/v-deo.html
좋은 강의❤감사합니다. 팝업창을 각각 다른 화면 위에 띄우는 방법은없을까요? 현재 팝업창을 띄우면 배경이 검은색이거나 한가지 화면에서만 뜨거든요. 한번 설정하면 어떤 화면에서도 본 화면은 유지한 상태로 팝업창만 띄우는게 가능한가요?
각각 해줘야 합니다. 어떤 부분을 말하는지 정확하게 알수는 없지만 상황에 따라 컴포넌트를 활용하면 가능할 수도 있습니다. ua-cam.com/video/HA_DpIEbX8M/v-deo.html
좋은 강좌네요. 질문인데요. 고정된 메뉴의 한 버튼을 눌렀을때 나오는 팝업창을 다양한 화면(프레임)에서 본 화면의뒷배경이 보이는 상태로 각각 띄울수있는 방법은 없을까요?
아래 답글 내용과 동일합니다. 각각 해줘야 합니다. 어떤 부분을 말하는지 정확하게 알수는 없지만 상황에 따라 컴포넌트를 활용하면 가능할 수도 있습니다. 아래 강의를 보고 응용해보세요. ua-cam.com/video/HA_DpIEbX8M/v-deo.html
웹 계발 디자인 상업용으로 일부분 사용 해도 저작권 걸리겠죠 ?
네 맞아요! 종종 가능한것도 있으니 라이센스 정보 잘 읽어보시고 사용하시면 될것 같습니다
안녕하세요 좋은 강의 감사합니다. 선생님의 영상을 보고 테스트해보았는데요. 저는 플레이 스탑은 필요없고 페이지 들어가면 9초가량의 음성파일이 나오게 하고 싶은데 MP4로 만들어서 숨겨 넣었는데 4초밖에 재생되지 않는 알 수 없는 현상이 발생됩니다. 원본파일은 9초로 멀쩡히 나오거든요 도움 부탁드립니다.
네 안녕하세요. 유료버전으로 사용하고 계신지와, 영상은 100MB 까지 업로드 가능한걸로 알고 있으니 체크해 보시길 바랍니다.
영상이 4초만에 끊기는데 어떤문제일까요?
키트는 무료버전에서는 없네요 ㅠㅠ 신기하네요 감사합니다!
커뮤니티나 포털사이트에서 검색하시면 많이 나올거에요 (영어로 검색해보세요)
배경음악이랑 목소리가 나긋나긋하셔서 좋습니다~ 친절하신거같아요 ㅎㅎ 잘 배우고있습니다~~
감사합니다. 도움이 되시길 바랄게요
잘 보았습니다! 정주행합니다 ㅎㅎ
감사합니다
너무 유익해요!! 초보자도 쉽게 알수있는 설명이랑 캡쳐 감사합니다 ㅎㅎ
네 감사합니다. 초보자 분들은 알아두시면 좋은 용어들입니다.
사진이 정사각형이면 절대 적용 못하는 예제 아닌가요?.. 가로길이만 늘려서 확대하는거면..
정사각형이여도 상관없습니다. 처음에 보여줄때 사진의 일부분만 보여주고 똑같이 확대하면 됩니다. 단 사진이 확대 되었을때 화면에 꽉차지 않을뿐입니다.
공유된 화면처럼 xd에서 볼 수는 없나요? css 정보 보는거나 간격 등...
CSS 코드를 생성하려면 XD에서 공유해야 보여집니다. 개발에서 웹용으로 내보내기를 선택하시면 됩니다.
@@UXschool 말씀 대단히 감사합니다
안녕하세요. 선생님 강의 잘 보고 있습니다. 피그마를 업데이트하여도 저 프레젠테이션 모드(플레이 버튼)가 뜨지 않는데, 혹시 어떻게 해야 할까요?ㅠㅜ
오른쪽 상단에 미리보기 (재생버튼) 말씀하시는거지요? 안보일리가 없는데, 이상하네요. 03:30초에 보시면 프로토타입 연결하면 화면 왼쪽 상단에 붙어있는 (Flow1) 재생버튼을 누르셔서 보셔도 됩니다.
안녕하세요! 덕분에 피그마 독학을 시작했습니다. 혹시 확대나 축소 기능은 어떻게 해야 하는지 알려주실 수 있을까요 ㅠㅠ?
네 안녕하세요^^ 피그마는 독학으로도 충분히 할수 있는 툴이죠. 확대나 축소 기능이라면... 혹시..피그마안에서 화면 확대나 축소를 말씀하시는건가요? 그렇다면 확대 Ctrl + 축소 Ctrl - 입니다.
앗 감사합니다!🥺 잘 응용해서 사용해보도록 하겠습니다.