비전공자도 쉽게 배우는 클로드 디자인

웹 애니메이션의 꽃, 스크롤 애니메이션! GSAP을 보다 강력하게 사용할 수 있는 ScrollTrigger에 대해 학습합니다.

“GSAP 이런 것까지 가능했어?” 애니메이션이 복잡하고 어렵다는 기존의 고정관념을 깨드립니다.

GSAP을 통해 인터랙티브 웹 개발에 한 단계 다가갈 수 있으며, 애니메이션을 보는 관점이 달라질 겁니다.

이 강의를 통해 디자인 시스템을 구축하고 내 디자인 작업물이 가지는 폭발적인 시너지를 느껴보세요.

AI 초보자와 비개발자를 위한 클로드(Claude) 실전 활용 강의입니다. 클로드를 활용한 PPT, 콘텐츠, 유튜브 영상, 상세페이지 등 실무에 바로 적용 가능한 결과물을 직접 만들어봅니다. 코딩 없이도 AI를 활용해 업무 생산성을 극대화하는 방법을 배웁니다.

디자이너들에게 가장 각광받는 툴, Figma! AI로 쉽게 만들어서 각광받는 UX/UI 디자이너 되기!

이제 AI의 힘으로 누구나 쉽게 앱을 기획하고 UI를 그릴 수 있습니다! 코딩 몰라도, UI 경험 없어도 괜찮아요. Claude, ChatGPT 같은 AI 도구가 여러분의 아이디어를 현실로 만들어 드립니다. 단 몇 번의 질문만으로 타겟 고객을 분석하고, 앱 구조를 설계하고, 심지어 UI 화면까지 자동으로 생성할 수 있어요. 이 강의에서는 피그마를 처음 만져보는 분도 따라할 수 있도록 기초부터 차근차근 알려드립니다. 직접 손으로 그리지 않아도 HTML to Design 플러그인으로 기존 웹사이트 UI를 한 번에 가져올 수 있고, 구글 스티치나 readdy.ai 같은 AI 도구로 몇 초 만에 완성도 높은 화면을 만들 수 있어요. 창업을 꿈꾸는 분, 기획자로 전직하고 싶은 분, 개발자와 소통하고 싶은 분 모두에게 딱 맞는 강의입니다. 복잡한 이론 대신 바로 써먹을 수 있는 실전 노하우만 쏙쏙 뽑아서 알려드릴게요. 이제 아이디어만 있으면 누구나 앱 서비스를 기획할 수 있습니다!

PPT, 엑셀, 이미지, 영상, 바이브코딩까지 똑똑하게 해내는 AI 슈퍼 에이전트 젠스파크! 젠스파크만 심층적으로 다룬 강의와 책이 없어 기다리고 계셨죠?! 100명 수강생 평점 4.8 ⭐️⭐️⭐️⭐️⭐️ 제가 1년 동안 사용 후, 상세 기능을 싹 정리하여 방대한 학습자료와 4시간의 강의로 정리했습니다. 알고 쓰면 나의 업무를 싹 해결해주고, 모르고 쓰면 크레딧만 왕창 잡아먹는 젠스파크. 이 강의를 통해 활용도를 300% 올려보세요!

똥손도 그럴싸한 이미지를 만들 수 있는 최소한의 피그마 기능과 디자인 공식 그리고 광고 기획법과 이미지 제작 실습 까지

피그마 기초도구 사용방법부터 프로토타이핑까지 가볍게 배워 비전공자가 앱기획에 직접 피그마로 화면을 그릴수있게 학습하는것을 목표로 합니다.

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

셀피쉬클럽의 AI 실무팀인 '이기적멤버십' 크루들의 실전 AI 활용 노하우 및 다양한 사례를 한 번에!

"매일 반복되는 단순 업무, 비싼 AI 툴 구독료에 지치셨나요?" 이 강의는 코딩을 전혀 몰라도 직관적인 '노드(Node)' 연결만으로 내 업무를 180도 바꿔줄 '자동화 AI Agent'를 만드는 방법을 알려드립니다. 기존 오픈클로(OpenClo)와 같은 툴들이 가진 '높은 비용' 문제를 해결하기 위해, 단순 연산은 컴퓨터가 빠르게 처리하고 꼭 필요한 순간에만 AI를 호출하는 똑똑한 자동화 설계법을 배웁니다. 유튜브 알림부터 영수증 가계부, RAG 문서 탐색, 이메일 자동 답장까지 9가지 실전 예제를 통해 거의 무료에 가까운 비용으로 나만의 24시간 맞춤형 AI 비서를 직접 구축해 보세요!

AI시대에 프로덕트 디자인과 교육은 어떻게 변화하고 있을까요? 피그마 공식 커뮤니티, FoF Seoul & Educators 에서 공동으로 주관해 밋업을 열었어요. AI시대 프로덕트 디자인과 교육 관련 다양한 사례, 주제와 함께, 피그마를 사랑하는 글로벌 업계 연사들의 관련 세션을 만나보세요.

AI와 자동화 도구를 활용해 나만의 전자책을 효율적으로 제작하는 완전한 워크플로우를 배웁니다. Marp를 활용한 슬라이드 제작부터 Pandoc으로 PDF/EPUB 변환, MySQL 데이터베이스 관리, 커버 디자인, 출판 준비까지 실무에서 바로 적용할 수 있는 체계적인 제작 과정을 단계별로 안내합니다.

이 과정은 단순한 AI 채팅을 넘어, AI 에이전트를 활용해 실제로 업무를 처리하고자 하는 분들을 위해 마련되었습니다. 많은 수강생들이 이미 ChatGPT나 Claude를 사용하고 있지만, 여전히 반복적인 업무, 산만한 워크플로, 과도한 조사 작업, 생산성 저하 등의 문제에 시달리고 있습니다. 문제는 대개 AI 자체에 있는 것이 아니라, 업무를 체계적으로 정리하고, 명확한 지시를 내리며, 신뢰할 수 있는 워크플로를 구축하는 방법을 아는 데 있습니다. 이 강좌에서는 Claude Cowork의 실제 활용법을 단계별로 안내합니다. 이론에만 집중하기보다는 프로젝트 관리, 브라우저 자동화, 회의 준비, 지속적 메모리 시스템, 스킬, 플러그인, 데스크톱 제어와 같은 실용적인 예제를 통해 실습합니다. 이 과정은 초보자도 쉽게 따라할 수 있도록 모든 내용을 간단하고 실용적인 방식으로 설명합니다. 과정을 마치면 수강생들은 연구, 계획, 정리, 자동화, 일상 업무에 있어 Claude Cowork를 진정한 생산성 도우미로 활용하는 방법을 이해하게 될 것입니다.

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

본 강의에서는 Microsoft 365 생태계의 스마트한 업무 파트너인 M365 Copilot을 중심으로, 보안과 저작권이 보호된 환경에서 AI를 활용해 업무 혁신을 실현하는 방법을 다룹니다. Copilot의 주요 기능과 다양한 Microsoft 365 서비스와의 연계 활용 방안을 소개하며, 정확하고 효과적인 답변을 이끌어내기 위한 프롬프팅 기법 또한 함께 제시합니다.

AI를 도입했지만 여전히 반복 업무에 시간을 뺏기고 계신가요? 문제는 AI가 아니라 '시스템'입니다. 이 강의는 노션 AI 하나로 업무 비서, 콘텐츠 비서, 마케팅 비서, 고객관리 비서, 개인 생산성 비서까지 6가지 AI 비서팀을 직접 구축하는 과정을 안내합니다. 실무에서 수백 건의 반복 업무를 자동화해 본 경험을 바탕으로, 메모 정리부터 회의록 자동 생성, 블로그 글쓰기, CRM 구축, 카카오톡 알림톡 자동 발송까지 실제 워크플로우를 처음부터 끝까지 함께 만들어 봅니다. 수강 후에는 노션 비즈니스 요금제만으로 나만의 AI 비서팀이 자동으로 일하는 시스템을 갖추게 됩니다.

Obsidian을 단순 메모장에서 벗어나 개인 지식 데이터베이스로 진화시키고, Claude Code를 활용해 내 노트와 문서를 이해하는 AI 비서를 구축합니다. 반복 업무를 자동화하는 워크플로우를 직접 제작하며, 매일의 작업과 학습 내용이 복리로 쌓이고 나만의 노하우로 변환되는 지식 시스템을 완성합니다.

Claude Code는 현재 가장 강력한 AI 코딩 에이전트 중 하나로 빠르게 성장하고 있습니다. 하지만 단순히 Claude Code를 설치하는 것만으로는 생산성을 극대화할 수 없습니다. 실제로 Claude Code를 효과적으로 활용하려면 컨텍스트 관리, 메모리 시스템, 스킬(Skills), 서브에이전트(Subagents), 에이전트 팀(Agent Teams)과 같은 고급 기능을 이해해야 합니다. 본 강의에서는 Claude Code의 설치 및 초기 설정부터 시작하여 실무에서 활용되는 고급 워크플로우까지 단계별로 학습합니다. 수강생들은 Claude Code를 VS Code와 연동하고, 다양한 모델을 선택 및 활용하는 방법을 배우게 됩니다. 또한 Context Engineering, Memory 관리, Skills, Subagents, Agent Teams를 활용하여 복잡한 개발 작업을 효율적으로 수행하는 방법을 익히게 됩니다. 강의 후에는 Claude Code를 단순한 AI 챗봇이 아닌 실제 개발 생산성을 높여주는 AI 개발 파트너로 활용할 수 있게 됩니다. 강사는 실제 AI 개발 및 소프트웨어 프로젝트 경험을 바탕으로 Claude Code를 실무에 적용하는 방법을 설명하며, 수강생들이 흔히 겪는 컨텍스트 관리 문제, 토큰 낭비, 비효율적인 프롬프트 작성 문제 등을 해결할 수 있도록 돕습니다.

그냥 시켜. 일은 n8n이 하니까 - 자동화 툴로 하루 1시간 아끼는 실전 워크플로우 AI 도구 활용법 + 프롬프트 엔지니어링 + 실무 자동화 감각을 한 번에 챙겨보세요.

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

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