Wixel: AI로 위젯 만들기
페이지 메뉴
- 디자인에서 위젯을 활용하는 방법
- 위젯 만들기
- 위젯 공유하기
- FAQ
Wixel의 위젯은 AI로 사용자 지정 요소를 만들어 디자인에 인터랙티브한 경험을 더할 수 있게 해줍니다. 정적인 콘텐츠에만 머무르지 않고, 클릭, 마우스오버, 입력, 기타 작업에 반응하는 위젯을 만들 수 있습니다.
위젯은 사용자 지정이므로 현재 Wixel에 있는 옵션에만 제한되지 않습니다. 일반 도구로 아직 만들 수 없는 인터랙션이나 요소가 있다면, 대신 위젯으로 만들 수 있을 수도 있습니다.
참고:
AI로 위젯을 생성하고 편집하는 작업에는
AI 크레딧이 사용됩니다.
디자인에서 위젯을 활용하는 방법
위젯은 작지만 집중도 높은 다양한 경험을 담을 수 있습니다. 간단한 애니메이션 숫자부터 로직이 들어간 미니 앱까지, 원하는 기능과 복잡도를 직접 정할 수 있습니다.
만들 수 있는 예시를 소개합니다:
- 사람들이 데이터를 정렬하거나 둘러볼 수 있는 인터랙티브 테이블입니다.
- Snake나 테트리스 스타일의 요소가 들어간 캠페인용 미니 게임입니다.
- 사람들이 상호작용할 때 데이터가 강조되는 인터랙티브 인포그래픽입니다.
- 가격 계산기나 주택담보대출 계산기 같은 계산기입니다.
- 비밀번호 생성기 같은 미니 앱입니다.
위젯 만들기
Aria에게 만들고 싶은 내용을 설명해 위젯을 생성합니다. 좋은 설명에는 위젯이 무엇을 해야 하는지, 사람들이 어떻게 상호작용해야 하는지, 어떤 스타일로 보여야 하는지가 포함되어야 합니다. 프롬프트가 구체적일수록 원하는 결과에 가까운 결과를 더 쉽게 생성할 수 있습니다.
위젯을 만들려면:
데스크톱 브라우저
Wixel 앱
Aria에게 만들 위젯을 요청합니다. 예를 들어, “깔끔하고 전문적인 느낌의 3개 플랜 옵션이 있는 가격 계산기 인터랙티브 위젯을 만들어 주세요.”라고 입력합니다.
도움말: Aria가 위젯을 생성해 프로젝트의 새 에셋으로 추가합니다.(선택사항) 테마를 변경해 위젯의 색상과 글꼴을 프로젝트의 나머지 디자인에 맞게 조정합니다.
결과가 만족스럽지 않으신가요?
위젯에서 바꿀 내용을 Aria에게 알려 주거나, 작업 표시줄에서
재생성 을 클릭해 다른 버전의 위젯을 생성할 수 있습니다. 원본 위젯을 옵션으로 남겨 두고 싶다면 먼저 위젯을 복제한 다음 복제본을 재생성합니다.
위젯 공유하기
위젯을 어디에 어떻게 공유할지에 따라 활용 방법도 달라집니다. 위젯 작업이 끝나면 인터랙티브 상태를 유지한 채
라이브 공유 링크를 만들 수 있습니다.
이렇게 만들면 문서, 프레젠테이션, 기타 플랫폼처럼 URL을 지원하는 도구에 삽입할 수 있습니다. Wixel에서 인터랙티브 위젯을 한 번 만들고, 여러 채널에서 다시 활용할 수 있습니다.
도움말:
위젯은 작업 중인 프로젝트 안에 다른 디자인과 함께 저장됩니다. 특정 클라이언트나 캠페인에 필요한 모든 내용을 한곳에서 관리할 수 있습니다. 시간이 지나면 프로젝트가 여러 형식, 적용 대상, 캠페인에 맞게 변형해 쓸 수 있는 위젯과 디자인 라이브러리로 발전할 수 있습니다.
FAQ
아래 질문을 클릭해 Wixel의 위젯에 대해 자세한 내용을 확인하세요.
시작할 수 있는 위젯 템플릿이 있나요?
위젯은 어디에 저장되나요?
Wixel 밖에서도 위젯을 사용할 수 있나요?