- Видео 112
- Просмотров 156 582
Let Figma Design 니키
Добавлен 1 янв 2013
현직 UXUI디자이너로써 Figma, Sketch, XD 등의 UXUI툴의 실무디자인 팁을 공유합니다.
자세한 튜토리얼은 블로그에서도 보실 수 있어요~
자세한 튜토리얼은 블로그에서도 보실 수 있어요~
Видео
3D 에셋과 목업 쉽게 만들기 #mockup #3D툴 3D만들기
Просмотров 44228 дней назад
psd를 피그마로, 피그마를 psd로 만드는 방법 feat. AI #피그마꿀팁 #플러그인
Просмотров 526Месяц назад
이제 이미지 스크린샷도 수정 가능한 피그마 파일로 만들어보세요 #figma #ai #플러그인
Просмотров 814Месяц назад
디자인시스템도 AI가 만들어준다? #ui툴 #ui디자이너 #AI디자인툴
Просмотров 785Месяц назад
피그마에서 3D 모션 아이콘 무료로 적용하기 #애니메이션 #figma #커뮤니티
Просмотров 7642 месяца назад
디자이너를 위한 디자인시스템 활용하기 #피그마 #DesignSystem #피그마꿀팁
Просмотров 6182 месяца назад
피그마에서 반복된 디자인 AI로 채우기 #figma #AI #figmatips
Просмотров 1,5 тыс.2 месяца назад
이미지를 로띠로 만드는 가장 쉬운 방법 #phase #imagetolottie #lottie #animation #motion
Просмотров 1,4 тыс.3 месяца назад
피그마 AI 한글 컨텐츠도 잘 될까? Shorten, Rewtite this, Translate 기능 #피그마AI #figma
Просмотров 4323 месяца назад
피그마로 선인장 키우기 게임 만들기 with Variables #figma #베리어블
Просмотров 1,1 тыс.4 месяца назад
피그마 베리어블로 만든 차량네비게이션 UI #variables #figma #darkmode
Просмотров 7474 месяца назад
피그마 반응형 확인하는 꿀팁 #figma #figmatips #prototype #responsive
Просмотров 6454 месяца назад
이제 PPT말고 피그마 슬라이드로 작업해요~ #figma #2024config #slide #피그마슬라이드
Просмотров 1,7 тыс.5 месяцев назад
피그마 프로토타입 자동으로 만들기 Make prototype #figma #ai #자동프로토타입 #피그마프로토타입 #피그마ai
Просмотров 3,7 тыс.5 месяцев назад
스크롤내리면 배경 바뀌는게 더 궁금해요
아래의 스크롤 컨탠츠도 따로 설정을 해줘야하나요?
저도 공유 받을 수 있나여ㅜㅜㅜ?
@@yadoran-f1n 시간이 지나서 파일을 남겨놓지않았어요ㅠㅠ
사랑해요 덕분에 문제를 해결했습니다!!!
저거 오토레이아웃이 아니라.. 베리에이블 아니에요?
@@ha-cz3nu 해당 컨텐츠는 베리어블을 사용하지 않았으며 오토레이아웃만으로 만든 반응형 카드입니다^^ 오토레이아웃의 wrap 기능의 이해를 돕기 위해 만들어졌습니다.
1번 이요 😊
이거 어때요?
@@nayeonkim6495 개인적인 의견이지만... 요즘 선호하는 UI와 조금 동떨어져보입니다. 결과물 자체도 어느정도 정형화되어 있어요..아직 AI생성 초기라 한계는 있어 보입니다...세밀한 부분 생성은 아직 힘들어보여요
흑흑.. 답변 감사드립니다
오우
어느 AI가 일을 더 잘 할까? 같은 프롬프트로 UI 디자인 생성을 4가지 툴로 생성해 보았어요♡ 현재 기준 무료인 툴로 만들었습니다. 1. Motiff 2. Visily 3. Galileo AI 4. Figma AI 가장 마음에 드는 UI 디자인은 무엇인가요? 댓글로 알려주세요^^ 비교하고싶은 UI 프롬프트가 있다면 알려주세요~ #피그마 #figma #motiff #galileoai #ai툴비교 #uxui #생성형AI #ui생성
영상이 너무 빨라요. 인지하기도 전에 넘어가버리네요
그래서 뭔데요
@@sayyoung6755 피그마 AI 기능 중 replace content 기능이었네요^^ 오토레이아웃에 적용된 기능이라 다른것인줄 알앗어요
무료이인가요? 유료인가요? 피그마ai와 어떻게 다른지 비교 영상도 부탁해요
@@innijo6026 베타버전이라 그런지 아직 무료입니다. UI 생성기능은 아직 여러개의 템플릿 조합이상은 아닌데요..피그마의 ui생성도 비슷합니다. 그렇지만 앞으로 ai가 많은 학습을하고 여러 사례를 생성하다보면 완성도와 디테일이 높아지리라 생각이 듭니다. 조만간 비교 영상도 준비해볼게요^^
@@let_figma 아하 감사합니다
너무 유용한 기능이에요! 알려주셔서 감사합니다ㅎㅎ
마지막에 인터랙션 걸고 프리뷰 모드로 봤는데 영상처럼 회전이 안되고 밋밋하게 회전하는데 왜이러는 걸까요ㅠㅠ?
@@폼폼-n4z 피그마의 스마트 애니메이션은 같은 요소기반으로 동작합니다. 레이어명이 같으면 같은 요소로 인식하니 액션 전과후의 레이어명을 맞춰주세요
@@let_figma 알려주신 방법대로 하니까 됐어요! 친절하게 가르쳐 주셔서 감사합니다ㅎㅎ 구독하고 갈게요! :)
유료 버전에서만 적용되는 기능인가요??
피그마의 새로운 UI3버전으로 쓰고 계시다면 해당 기능 사용 가능합니다.^^ 이전 UI버전이라면 아직 업데이트 전이신 것 같아요
@@let_figma 찾았습니다! 감사합니다ㅎㅎ
디자인툴의 경계가 사라진다?! 포토샵은 비트맵기반 툴, 피그마는 벡터기반 툴으로 서로 변환이 쉽지 않았죠~ 이제 PSD to FIgma, Figma to PSD 변환을 쉽게 해결하세요~ 📍PSD 파일 피그마로 가져오기 Codia AI Psd2Figma 플러그인 사용 AI가 이미지와 폰트등을 손실없이 변환해줍니다. (회원가입 필요, 스타터플랜 월5회 무료사용) 📍피그마 파일 PSD로 변환하기 피그마 메뉴 FIle > Save lacal copy....에서 .fig 파일로 저장 www.photopea.com/ 접속 후 저장한 .fig파일 열기 PSD로 저장하면 끝!! #figma #psdtofigma #figmatoPSD #psdimport #피그마꿀팁 #플러그인
감각넘치는 능력자!!! 시네요!!!
우와,,감사합니다~
너무 빨라서 따라할 수가 없어요
제 블로그에 다양한 튜토리얼을 올려두었어요...조만간 긴영상으로 찾아올게요~ blog.naver.com/nick8888
디자인시스템도 AI가 만들어준다? AI 시대를 위한 디자인 툴 motiff.com 디자인시스템도 이제 AI가 만들어주네요~ 요건 실제 디자인을 넣어봐야 실효성이 있을지 알 것 같아요^^ 한번 써보고 알려드릴게요 #motiff #AI디자인툴 #디자이너 #디자인시스탬 #UI툴 #디자인생성 #UI생성
반대로 넘어가게 하려면 어떻게 하나요?
피그마 프로토타입의 트리거 설정 중 On drag는 좌우 드래그 설정해주면 자동으로 이동합니다. 조만간 자세한 튜토리얼 준비해볼게요~
잘보고 갑니다 소스공유도 가능할까요 분석해보면 공부 많이 될거 같아서요
3d 이미지는 어떻게 만드나요?
소중한 자료 받아보고싶숩니다. 콘텐츠 아주 잘 보고 있습니다. ^^
원본 드립니다.^^ www.figma.com/community/file/1335262558401985478 유용하게 쓰시길 바랄게요~
안녕하세요~ 원본 받아보고 싶어요! 베리어블 공부 중인데 많이 배워갑니다!
원본 드립니다.^^ www.figma.com/community/file/1335262558401985478 유용하게 쓰시길 바랄게요~
저도 너무 유용해요 ㅠ 원본 받아볼수 있을까요😢
원본 드립니다.^^ www.figma.com/community/file/1335262558401985478 유용하게 쓰시길 바랄게요
혹시 사용시 동작을 안하고 An error has occurred, please try again later. 상태를 해결하는 방법이 있을까요?
현재 variables translator 플러그인이 오류가 나는것을 확인했습니다. UI3로 바뀌면서 에러 패치가 되어야 할 것 같습니다.ㅜㅜ
@@let_figma 답변 감사합니다 사용하려하는대 계속 에러가 나오더라고요 ㅠㅠ
@@let_figma 혹시 json파일을 베리어블로 import하는 방식이 있을까요? 처음 적용해보는지라 시행착오가 많아 여쭈어봅니다
@@wonsikchung-o5s josontovariable이라는 플러그인 사용해보세요..저 비슷한 이름이엇던것 같아요..아니면 variable import/export로 찾아보시겟어요?
헉 쩌네.......대박입니다..
속도를 조금만 천천히 했으면 좋겠어요. 튜토리얼 쇼츠 보다는 광고 보는 느낌이에요.
좀더 노력해보곘습니다..ㅠㅠ
👍
너무 빨라서 속도 조절하면 더 좋을듯 해요. 쇼츠들이 너무 빨라요.
😢😢피드백 감사합니다. 다음 영상에 피드백 반영해볼게요~~
현재 사용가능한 기능인가요?? 전 안보여서리..
@@그리디-q8d 현재 피그마 ai 기능은 유저들에게 순차적으로 오픈중입니다. 홈에서 우측 하단 물음표 버튼의 ui3와 ai기능을 신청해보세요
감사합니다. 좋은 팁들이 많은데 영상들이 모두 쇼츠라 너무 빨라서 따라하기 힘들다는 아쉬움이 있습니다. 😅
자세한 튜토리얼은 블로그에도 있어요 m.blog.naver.com/nick8888 방문하셔서 꿀팁 얻어가세요
이미지로 로띠 애니메이션 만드는 가장 쉬운 방법 로띠로 애니메이션 만들 때 벡터 일러스트로만 만드셨나요? 이제 Phase에서 이미지를 바로 Lottie로 추출해보세요~ 번거로운 변환 작업 필요 없이 Phase에서 모션 작업 후 바로 익스포트 하면 되요. 다양한 이펙트가 들어간 이미지, 3D 이미지, 쉐도우 이미지 모두 Lottie.JSON으로 추출됩니다. 1. 피그마에서 디자인한 비트맵 이미지를 3배수 png로 추출해주세요.(배수는 여러분의 프로젝트에 맞게 설정해주세요) 2.Phase.com 접속 후(로그인, 회원가입 필요) 새파일을 만들어줍니다. 3.Insert new asset 메뉴 선택 후 이미지를 화면으로 가져옵니다. 4.하단 Animate mode 토글 클릭하면 애니메이션을 바로 만들 수 있어요~ 5.모션 작업 후 상단 오른쪽 Export 버튼 클릭 후 Lottie(.json) 으로 추출하면 끝! 주의할 점은 배수의 이미지가 json 코드내에 포함되기 때문에 용량이 커질 수 있어요. 용량 확인은 필수! 용량 최적화된 이미지로 작업하는게 좋겠죠~ #Phase #Animation #UXUI #Design #디자이너모션 #애니메이션툴 #페이즈 #디자이너 #로띠 #Lottie #ImagetoLottie #이미지로띠 #로띠변환 #앱디자인 #모션디자인
와 멋져요! 저도 원본받을수있을까요? 😅
@@노유선-u4y 원본 드립니다.^^ www.figma.com/community/file/1335262558401985478 유용하게 쓰시길 바랄게요~
고맙습니다! ❤
무료버전은 design mode와 하단 툴에 ai를 못 쓰나요 ?? 😂 안 보여서 물어봅니다
@@Wake_soup 현재 피그마 슬라이드는 제한된 베타버전이라고 합니다. ai기능은 순차적으로 적용된다고 하니 조금 기다려 보세요..^^ design mode는 하단 펜촉 토글을 눌러보세요~ (요것도 베타버전에서 순차적지원인지 ....모르겠네요) 베타버전은 올해까지 유지될것이라고 해요
뒈에에에박!!!!! 제가 찾던 기능이였는데.. 너무 감사해요!!❤
뒈에에에바기네요!!!! 이런걸 찾아내는 당신은 능력자❤
안녕하세요~! 원본 받을 수 있을까요? 영상으로 많이 배워갑니다~
원본 드립니다.^^ www.figma.com/community/file/1335262558401985478 유용하게 쓰시길 바랄게요~
저는 이기능이 안보이던데..혹시 사라진걸까요..?
@@user-aran957 피그마의 디자인 생성 AI 기능은 애플의 날씨앱을 모방했다는논란이 있었습니다. 그래서 이 기능만 잠시 중단 되었습니다. AI 생성부분은 조금 더 신중하게 접근할것이라고 하는군요^^
@@let_figma 아하 답변 감사합니다!
우와 튜토리얼 만들어주세요
blog.naver.com/nick8888/223552068260 블로그에 자세한 설명 올려두었어요~
뭐할 수 있는지를 쓰지말고 뭘 클릭하는건지 좀 쓰지
@@Lily-xo8cu 피그마 베리어블을 담기엔 숏폼이 너무 짧네요^^ 개념부터 잘 정리된 유튜브 채널을 소개드립니다. youtube.com/@designer_dk?si=uC9TNjwY75S-dLgO @designer_dk
너..무 빨라요.........
피그마 팁이 아니라 앱 광고인 줄 알았음;; 완성도가 높은데 그래도 이건 일반적인 쇼츠 수준을 너무 아득히 상회해버려서 쇼츠같지가 않고 광고같음ㅋㅋㄴ
칭..칭찬맞죠???감사합니다❤
@@let_figma칭찬은 맞는데 쇼츠 제목을 조금 바꾸시는게 어떨까요? 제목 때문에 더 광고인 줄 알았어요 영상 내용은 정말 도움 많이 됐는데...
피그마 슬라이드는 2024년까지 베타 버전에서 무료로 쓸 수 있어요^^
피그마 정말 잘 하시네요~ 공부중인데 소스 공유 가능 하실까요? conditional에 관심이 많습니다.
정리가 안되있는 소스라도 필요하시다면 ,,,can view 권한으로 쉐어해 드릴게요,,,메일로 피그마 계정 전달주세요~ nick88889933@gmail.com
헉 궁금했던 기능인데 감사해요~
베타 버전에서 사용할수있나요? 일반 무료사용 유저도 사용할 수 있나요??
@@ringringgu8304 피그마의 ai 기능은 베타기간동안 모두 무료로 사용할 수 있고요. 정식 버전으로 런칭할시엔 유료로 전환된다고 합니다. 요금제에 따라 부과될지...아직 정해진 것이 없다고 하네요
안녕하세요 피린이입니다. 너무빨라요 선생님 그래도 유익한정보 감사합니다.
@@dooree22 m.blog.naver.com/nick8888/223173900360 블로그에 자세한 설명 올려두었어용^^
웨이트리스트 신청했는데 승인 나는 데 얼마나 걸릴까요?
저도 그에대한 정보는 따로 없어요..ㅜㅜ 그냥 순차적으로 공개한다고 알고 있습니다. 저는 피그마에서 AI베타버전 초기사용자로 선정해 주어서 일찍 사용할 수 있었어요
피그마 공부중입니다. 원본 보고싶어요 감사합니다. ^^
원본 드립니다.^^ www.figma.com/community/file/1335262558401985478 유용하게 쓰시길 바랄게요~