인사이트10분 안에 만드는 AI 애니메이션 랜딩 페이지X•Harshit (@oiharshit)원문 핵심만 빠르게 정리한 AI 요약입니다.원문 보기배경 이미지 생성 : ChatGPT나 Gemini를 활용해 배경 이미지를 생성합니다. (참고 이미지를 첨부하면 더 좋은 결과를 얻을 수 있습니다.)이미지를 비디오로 변환 : Seedance 2.0 등의 AI 도구를 사용해 이미지에 부드럽고 잔잔한 애니메이션 효과를 부여합니다.Figma에서 디자인 완성 : 생성된 비디오를 배경으로 배치하고, 텍스트나 가독성을 높이기 위해 반투명 오버레이 레이어를 추가하여 디자인을 구성합니다.댓글 주요 반응디자인 및 비주얼 찬사 : "고급스러운 느낌이다(Strong premium vibes)", "랜딩 페이지가 정말 아름답다", "디자인이 대단하다" 등 결과물의 시각적 퀄리티를 칭찬하는 반응이 많습니다.유용한 팁에 대한 감사 : 프롬프트와 과정이 매우 유익하다며 게시물을 저장(bookmark)하고 팔로우하겠다는 반응이 잇따랐습니다.추가적 연출 아이디어 공유 : 한 유저는 장면을 구성 요소별로 먼저 분리하면 시차 효과(Parallax)를 주거나 장면을 더 디테일하게 제어할 수 있다는 보완 팁을 덧붙였습니다.AI 도구 관련 반응 : 영상 생성에 사용된 AI 도구(Luma/Seedance 등)에 대한 관심과 함께 도구 구독권을 요청하거나 배경 레이아웃의 AI 활용에 공감하는 반응이 포함되어 있습니다.XPLORED 관점정적인 랜딩 페이지 배경을 이미지 생성, 영상 변환, UI 가독성 보정의 세 단계로 나눠 실험할 수 있는 짧은 제작 레시피입니다.읽기 좋은 상황랜딩 페이지 히어로에 과하지 않은 움직임을 더하고 싶을 때생성형 이미지와 영상 도구를 Figma 작업 흐름에 연결하고 싶을 때가져갈 포인트움직임은 잔잔하게 유지하고, 반투명 오버레이로 텍스트 대비를 확보합니다.장면을 레이어별로 분리하면 Parallax와 반응형 변형을 더 세밀하게 제어할 수 있습니다.원문 보기
