OK DDODDO LAB

시안부터 마크업까지 AI로 처리하는 퍼블리셔 GPT 코드예시 시안 생성용 (DALL·E 또는 ChatGPT + Figma 연계용) GPT 프롬프트: "쇼핑몰 메인 배너에 들어갈 카드 UI 시안 요청. 상단 이미지, 제목, 설명, CTA 버튼 포함. 밝고 미니멀한 디자인. 데스크탑/모바일 모두 고려." "Figma에 적용할 수 있는 카드형 UI 와이어프레임. 제품 이미지, 제품명, 가격, 리뷰, 장바구니 버튼 포함. 그리드 형태 3열 구성." 마크업 생성용 (ChatGPT or GitHub Copilot)GPT 프롬프트:"HTML5 시멘틱 태그로 구성된 카드형 UI 마크업 작성. 구성요소: 이미지, h2 제목, p 설명, a 태그 버튼. Tailwind CSS 사용. 반응형 적용. 접근성 고려 (al..

Figma 없이 디자인 시안 작업Figma 없이도 가능하다: AI와 시안 제작의 새로운 패러다임UI/UX 디자인의 시작은 언제나 ‘시안 제작’입니다.과거에는 Figma, Adobe XD와 같은 툴이 필수였지만, 이제는 AI 기반 도구들이 디자이너의 업무를 대체하거나 보조하는 수준을 넘어, 비디자이너도 손쉽게 시안을 제작할 수 있는 시대가 도래했습니다. 특히 초기 스타트업, 1인 퍼블리셔, 혹은 디자인 리소스가 부족한 팀에게는 혁신적인 접근 방식이 됩니다.예를 들어, 텍스트 기반의 명령어만으로 와이어프레임을 생성할 수 있는 ChatGPT와 같은 AI 모델이나, Uizard, Galileo AI, Relume Library 등의 생성형 디자인 도구는 UI 컴포넌트, 레이아웃 구조, 페이지 흐름까지 자동으로 ..