|
피그마 라이브러리 사용법 알아보기 - 피그마 강좌 3-2
안녕하세요. 이번에는 피그마를 통해 디자인시스템을 구축하기 위해 필수로 알아야 하는 라이브러리에 대해 배워볼게요. 라이브러리가 뭔지 개념을 이해하고, 직접 라이브러리를 어떻게 적용하는지 알아볼게요.
참고로 해당 영상은 가장 최근에 베타로 대기중인 상태인데, Figma…
2024-07-04 21:31:16
|
영상 스크랩 |
|
디자인시스템이란? - 피그마 강좌 3-1
안녕하세요. 드디어 챕터3 피그마 고급 강의입니다. 이 전까지는 피그마의 기초부터 핵심 기능까지 다뤄봤는데요. 이번 챕터에서는 피그마 라이브러리를 활용해서 디자인시스템을 구축해볼게요.
디자인시스템이 뭔지 알아보고, 라이브러리를 다른 피그마 파일에 연결해서 활용하고 유…
2024-07-04 21:29:50
|
영상 스크랩 |
|
피그마 AI로 디자인 만들기 - 피그마 강좌 2-9
안녕하세요. 이번에는 Figma는 AI 기능을 소개해드릴게요.
프롬프트 기반으로 UI 디자인을 자동 생성하고, 'Actions'를 통해 디자인 도구, 텍스트 작성, 이미지 편집을 지원합니다.
사용자는 'Design Tools'를 사용하여 쉽게 UI를 디자인하고, 스…
2024-06-28 17:39:03
|
영상 스크랩 |
|
Phase로 손쉽게 그래픽 애니메이션 만들기
이번 영상에서도 Phase를 활용해서 새로운 애니메이션을 만들어볼게요.
Lottie.json으로 출력한 후 실제 개발에 적용해서 잘 나오는 지도 가볍게 확인해보겠습니다. Phase는 사용이 간편하고 웹 기반 협업이 가능해 평소 UI에 적용할 애니메이션을 배워보고 싶은…
2024-05-23 19:00:49
|
영상 스크랩 |
|
피그마처럼 쉬운 애니메이션 툴, Phase
이번 영상에서는 프로덕트 디자이너를 위한 새로운 애니메이션 툴, Phase를 소개합니다.
Phase는 사용이 간편하고 웹 기반 협업이 가능해 평소 UI에 적용할 애니메이션을 배워보고 싶은 디자이너 분들에게 매우 추천합니다~!
무료 툴이고, 피그마와 비슷해서 배우기도 …
2024-05-14 19:30:01
|
영상 스크랩 |
|
피그마 프로토타이핑 마스터하기 - 피그마 강좌 2-8
안녕하세요. 이번에는 피그마에서 제공하는 프로토타이핑 기능을 배워볼게요. 프로토타입을 만들기 위한 기본적인 기능부터 다양한 예제를 통해 감을 잡아볼건데, 꽤 괜찮은 수준의 프로토타이핑을 할 수 있습니다.
#피그마 #figma #ui #디자인 #프로토타이핑 #prot…
2024-05-02 15:56:43
|
영상 스크랩 |
|
피그마 변수 개념 이해하기 - 피그마 강좌 2-6
안녕하세요. 이번에는 변수를 배워볼게요. 피그마에서 가장 최근에 업데이트된 기능으로.. 디자인을 관리할 때 매우 중요한데요, 아직 우리가 챕터 3에서 라이브러리를 활용해서 디자인 시스템을 만들어보는걸 배워보지 않았죠.
디자인 시스템에 대해서는 다음 챕터에서 자세히 …
2024-05-02 15:55:36
|
영상 스크랩 |
|
피그마 컴포넌트의 프로퍼티 200% 활용하기 - 피그마 강좌 2-5
이번시간에는 피그마에서 가장 중요하게 생각하는 컴포넌트에 대해서 배워보도록할게요.
UI 디자인 작업 특성상 유지보수를 위한 잦은 수정이 필요하죠. 그렇기에 꼭 컴포넌트 기능을 알아야합니다. 다양한 예시를 다뤄보면서 컴포넌트 기능을 익혀볼게요
#피그마 #figma #u…
2024-05-01 14:30:30
|
영상 스크랩 |
|
피그마 컴포넌트 완전 마스터하기 - 피그마 강좌 2-4
이번시간에는 피그마에서 가장 중요하게 생각하는 컴포넌트에 대해서 배워보도록할게요.
UI 디자인 작업 특성상 유지보수를 위한 잦은 수정이 필요하죠. 그렇기에 꼭 컴포넌트 기능을 알아야합니다. 다양한 예시를 다뤄보면서 컴포넌트 기능을 익혀볼게요
#피그마 #figma #u…
2024-05-01 14:15:00
|
영상 스크랩 |
|
리사이징 대응을 위한 Constraints 이해하기 - 피그마 강좌 2-3
피그마에서 Constraints(제약) 기능을 통해 디자인의 유연성과 일관성을 어떻게 유지할 수 있는지 알아보겠습니다. Constraints는 다양한 화면 크기와 해상도에 적응하는 반응형 디자인을 실현하기 위한 필수 도구입니다.
이 기능을 활용하여 요소들이 다른 요소…
2024-05-01 14:00:03
|
영상 스크랩 |
|
피그마 Auto Layout 사용법 - 피그마 강좌 2-2
피그마의 오토레이아웃 기능을 마스터하는 시간입니다! 오토레이아웃은 디자인에서 반응형 요소를 구현할 때 매우 중요한 기능으로, 이를 통해 요소 간 간격, 마진, 패딩을 자동으로 조정하며 일관된 레이아웃을 유지할 수 있습니다.
오늘 이 영상에서는 오토레이아웃을 설정하는 …
2024-04-30 19:44:27
|
영상 스크랩 |
|
피그마 스타일 사용법 - 피그마 강좌 2-1
피그마 중급 코스 첫번째 영상입니다.
이번 챕터에서는 피그마의 핵심 기능인 스타일에 대해 자세히 배워볼 예정입니다. 스타일을 통해 디자인 작업의 일관성을 유지하고, 업무 효율을 높이는 방법을 알려드리겠습니다.
스타일의 중요성
스타일 기능은 디자인 요소들에 일관된 속…
2024-04-30 19:44:17
|
영상 스크랩 |
|
피그마 Dev Mode 이해하기 - 피그마 강좌 1-10
피그마의 Dev Mode를 활용하여 개발 프로세스를 간소화하고 효율적으로 만드는 방법에 대해 자세히 알아보세요! 이번 영상에서는 개발자들이 디자인을 손쉽게 구현할 수 있도록 설계된 피그마의 Dev Mode의 주요 기능과 장점을 설명하고, 이를 통해 디자이너와 개발자 간…
2024-04-30 19:40:27
|
영상 스크랩 |
|
피그마에서 알아두면 유용한 기능 4가지 - 피그마 강좌 1-9
피그마 사용자라면 반드시 알아야 할 숨겨진 기능들을 소개합니다! 이번 영상에서는 피그마의 다양한 편리한 기능들을 알아보고, 효과적으로 활용하는 방법을 자세히 안내해 드리겠습니다. 여러분이 몰랐던 이 기능들을 사용하면 작업 속도와 효율성이 대폭 향상될 것입니다.
텍스트…
2024-04-30 19:40:18
|
영상 스크랩 |
|
피그마로 에셋 또는 결과물 내보내기 - 피그마 강좌 1-8
다양한 플랫폼을 위한 디자인 작업의 마지막 단계, 에셋 내보내기에 대해 배워보세요! 이번 영상에서는 디자인을 완성한 후 iOS, Android 등의 플랫폼에 맞춰 에셋을 SVG, PDF 형식으로 설정하고 내보내는 과정을 자세히 안내합니다.
에셋 설정부터 시작하여, '…
2024-04-30 19:40:09
|
영상 스크랩 |