[LottieFiles 공식] Figma to Lottie: Figma에서 만드는 모션 애니메이션 (수료증 발급)

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요. 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

글로벌 모션디자인 플랫폼 LottieFiles의 공식 한글화 강의, 지금 인프런에서 단독으로 만나보세요. 이번 강의는 LottieFiles의 핵심 웹기반 Lottie 애니메이션 제작 툴인 Lottie Creator를 다룹니다. Micro 애니메이션부터 UI 컴포넌트, 인터랙티브 상태 머신(State Machine)까지, 복잡한 코딩 없이 실무에서 바로 쓸 수 있는 Lottie 애니메이션 제작 전 과정을 학습합니다. 특히 텍스트 프롬프트로 벡터를 생성하는 Prompt to Vector, AI가 인터랙션 로직을 자동으로 구성하는 Prompt to State Machine 등 AI 기반 워크플로우를 중심으로 구성되어 있습니다. 완성된 결과물은 유연한 크로스 플랫폼 장점과 초경량 사이즈를 자랑하는 dotLottie 파일로 내보낸 후 개발자에게 바로 전달할 수 있습니다. 수강 후에는 LottieFiles 공식 수료증과 인프런 수료증 두가지를 모두 받을 수 있습니다.

디자인 시스템 구축 능력은 이제 선택이 아니라 취업과 실무의 필수 역량입니다. 이 강의에서는 디자인 시스템의 개념부터, Figma Variables·토큰·컴포넌트·반응형 설계까지 입문부터 시작하여 전문적인 스킬을 기를 수 있어요. 종합 실전 프로젝트에서는 모바일과 태블릿, 데스크톱을 모두 아우르는 디자인 시스템을 구축하고 서비스 페이지를 만들어봅니다. 입문자라면, 이 강의를 완강하고 나면 면접관이 “바로 실무 투입 가능하다”고 느낄 수 있는 차별화된 경쟁력을 갖추게 될거에요. 개발자/1인 창업가라면 디자인 시스템을 직접 구축해볼 수 있는 기반을 다지고 일관성 있고 품질이 높은 제품을 만들 수 있을 거에요.

html,css, javascript(jquery) 기초가 있으신가요? 그런데 전체 웹사이트 전체를 어떻게 만들지 잘 모르시나요? 그렇다면 디자인을 참조해서 쇼핑몰 메인페이지 구현을 도전해보세요. 완성된 디자인을 참조하고 기획 의도와 디자인의 상세한 사항들을 파악하여 웹사이트를 구현하는 노하우를 알려드립니다.

텍스트 애니메이션을 위한 이론, 필수기술부터 응용법, 문제해결, 실무 노하우까지 한방에 해결하는 마스터 강의! 완전히 차원이 다른 강의를 만나십시오.

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요. 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

내 영상에 딱 맞는 나만의 모션그래픽을 만들고 싶은 분들을 위한 강의입니다.

더 이상 시간낭비말고 디마스터! 유튜브강의로는 실력이 늘지 않는 분들을 진짜 실력자로! 소문난 바로 그 강의, 디마스터 강의로 애프터이펙트를 마스터하세요. 재미와 감동을 보장합니다.

실제로 애슬레저, 뷰티 등 다양한 업계에서 AI 영상 프로젝트를 진행한 4명의 크리에이터가 "진짜 비즈니스에서 쓰이는 AI 영상"을 어떻게 만드는지 공개합니다. 가능성이 아닌, ‍실제 활용 사례와 워크플로우를 보여드릴게요.

Figma디자인 + AI활용코딩 + 배포까지 풀스택 코스!! [피그마 + 바이브코딩 (HTML/CSS/Tailwind/React) + Git + vercel 배포] 내 디자인 그대로!! 1픽셀도 오차없이 바이브코딩으로 완성! AI활용으로 실무 생산성을 5배 높이는 풀스택 공략집! 디자인도 코딩도 모두 가능한 풀스택 디자이너, 당신도 될 수 있습니다. ✅ 내 디자인의 의도까지 한 픽셀의 오차 없이 구현 ✅ AI가 이해하는 디자인 설계 ✅ AI를 정확하게 통제하는 프롬프트 제작능력 ✅ AI가 맘대로 작성한 코드 척척 수정능력 디자인부터 코딩 배포까지 1/5로 단축되는 놀라운 경험을 느립니다.

비전공자나 디자이너가 아니더라도 Claude Design과 피그마를 활용해 웹 UI, 제안서, 디자인 시스템까지 직접 만들고 수정하는 방법을 배웁니다. 실무에서 바로 사용할 수 있도록 클로드 코드와 클로드 디자인의 차이부터 설치, 플러그인 활용, 컴포넌트 기반 UI 제작, 디자인 수정 및 운영중인 서비스 적용 방법까지 단계별로 실습 중심으로 진행합니다. 디자인 툴이 어려웠던 개발자·기획자·마케터도 AI와 컴포넌트 기반 워크플로우를 통해 빠르게 결과물을 만드는 경험을 할 수 있도록 돕는 강의입니다.

구현하고 싶은 앱/웹 아이디어는 있지만, 앱 서비스 기획 경험이 없어 어떻게 시작해야 될지 막막한 스타트업 대표, 단기간에 기획을 체계적으로 배우고 싶은 실무자, 경력자의 기획 업무 프로세스와 노하우를 배우고 싶은 주니어 기획자 모두 전문가가 될 수 있도록 Figma를 활용한 새로운 기획 방식 및 PM 17년차의 업무 스킬을 기초부터 차근차근 알려드립니다.

시네마4D의 기초를 확실하게 배우고자 하는 분들이 수강하기 좋습니다.

나만의 멋집 웹사이트와 프로토타입을 웹플로우로 만드세요! 쉽고 빠르게 시작할 수 있게 핵심 개념 잡고, 참고할만한 템플릿/플러그인도 정리해 드립니다.

🙋🏻‍♂️ 왕초보를 위한 노코드(No-code) 입문 강의입니다. 코딩할 줄 모르는 기획자 혼자서도 웹서비스를 만들어 시장의 반응을 빠르게 확인해볼 수 있게 됩니다!

리서치 자동화부터 백엔드 데이터 연동, 나아가 실제 라이브 동적 웹을 배포하는 과정까지 함께 다루며 개인이 제품의 전체 생애 주기를 주도적으로 이끌 수 있는 풀스택 관점을 기르는 데 목적이 있습니다. AI 시대 경쟁력을 강화하고 싶은 분들께 생각을 현실화 하는 강력한 엔진으로 활용하는 힘을 드립니다.

퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 특히 요즘 퍼블리셔와 개발자에게 요구되는 디자인 능력을 피그마(Figma) 학습으로 많은 부분 커버할 수 있도록 피그마(Figma)로 모바일 웹 UI 디자인 작업을 하는 과정도 상세하게 설명하였습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 모바일 웹 퍼블리싱은 CSS 변수(Var) 활용한 모바일과 태블릿에 맞춘 레이아웃을 완벽하게 맞추는 학습을 통해서 실무 작업과 대동소이한 정도의 작업 능력을 갖추게 됩니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

디자인은 어렵고, 피그마는 복잡해 보였다면? 이제는 비디자이너도 직접 화면을 만들 수 있는 시대! 도형·텍스트·마스크 같은 기본 기능부터 배경 제거, AI 이미지 생성, UI 자동 제작까지 피그마 AI 기능을 실무 흐름 안에서 자연스럽게 활용하는 방법을 배웁니다. 상세페이지 제작부터 쇼핑몰 UI 화면 구성까지, 디자이너 도움 없이도 결과물을 완성할 수 있는 실전형 피그마 활용법을 경험해보세요. Point 1. 피그마의 핵심 기능만 익혀도 직접 화면을 만들 수 있다 - 프레임·도형·텍스트·마스크 등 꼭 필요한 드로잉 기능만 실습 중심으로 학습 - 상세페이지 전 섹션을 처음부터 끝까지 직접 제작하며 결과물 완성 경험 Point 2. 피그마 AI를 활용해 작업 속도를 확 줄이자 - 배경 제거, 이미지 생성, 레이어 정리 등 AI 기능을 실무 흐름 안에서 자연스럽게 활용 - 단순 기능 소개가 아니라 실제 디자인 작업에 연결되는 활용법 중심 구성 Point 3. 쇼핑몰 UI까지 만드는 실무형 디자인 감각을 익히자 - 오토레이아웃·컴포넌트·Make Designs 기능으로 UI 화면 세트 제작 - 비디자이너도 혼자 화면을 설계하고 완성할 수 있는 실전 감각 학습

예쁜 화면 100개보다 움직이는 프로토타입 1개! 피그마에서 조건부 로직으로 실제처럼 작동하는 프로토타입을 만들고, AI 시대에도 흔들리지 않는 디자인 사고력을 기르세요.

이 강의를 통해 실제 사업체에 사용 가능한 "예약 기능이 들어간 홈페이지 템플릿"을 가져가시게 됩니다.

GA4 활용을 위한 핵심 리포트를 만들면서 GA4를 실무에 바로 사용할 수 있도록 학습할 수 있습니다. 데이터 분석을 위해 어떤 리포트를 어떤 방식으로 만드는지 구체적인 사례를 배울 수 있습니다. 실무분석을 위해서 히트맵툴인 Microsoft Clarity의 설치/사용법도 함께 설명하고 있습니다.

노코드 개발의 끝판왕, 버블(bubble) 버블을 통해서 쉽고 빠르게 IT서비스를 개발해볼 수 있어요. 해당 강의에서는 실제 웹사이트를 따라 만들며(클론 제작), 버블의 기능들에 대해서 차근차근 배우게 됩니다.