Atoms로 앱과 웹사이트 만들기
템플릿을 건너뛰고 의도에 따라 시작하세요. Atoms에게 앱이나 웹사이트가 해야 할 일, 누구를 위한 것인지, 어떻게 보여야 하는지 말한 후, 함께 빠르게 결과를 다듬어 나갑니다.
주요 사항
- 빌드 중 실시간 미리보기
Atoms가 코드를 작성하고, 레이아웃을 디자인하고, 백엔드를 실시간으로 연결하는 것을 보세요.
- 완벽한 프론트엔드 및 백엔드
Atoms는 UI에서 그치지 않습니다. 실제 사용자를 위한 제품을 준비할 수 있도록 인증, 데이터베이스, 비즈니스 로직, API를 설정합니다.
- 다중 에이전트 계획
AI 에이전트 팀이 요청을 연구, 제품 사양, 아키텍처 및 구현으로 나누어 보다 신뢰할 수 있는 결과를 도출합니다.
- 자연어로 편집하기
앱이나 페이지의 어떤 부분을 클릭하고, 원하는 변경 사항을 자신의 말로 설명한 후 Atoms가 코드를 업데이트하도록 하세요.
시작하는 방법
- 설명하기: 원하는 앱과 웹사이트를 자연어로 설명하세요: 누구를 위한 것이고, 무엇을 해야 하며, 필수 페이지나 흐름은 어떤 것이 있는지
- Atoms가 변환하다: Atoms가 아이디어를 제품 계획, 데이터 모델 및 화면 목록으로 바꾸고, 첫 번째 버전을 제안합니다.
- AI: AI 팀이 UI를 디자인하고 프론트엔드 및 백엔드 코드를 생성하며 인증, 데이터베이스 및 결제를 연결하고 이를 작동하는 제품으로 연결합니다.
- 미리보기: 결과를 미리보고, 채팅에서 조정을 요청한 후 실제 사용자가 사용할 수 있도록 앱과 웹사이트를 배포합니다.
주요 기능
- 빌드 중 실시간 미리보기
Atoms가 코드를 작성하고, 레이아웃을 디자인하고, 백엔드를 실시간으로 연결하는 것을 보세요.
- 완벽한 프론트엔드 및 백엔드
Atoms는 UI에서 그치지 않습니다. 실제 사용자를 위한 제품을 준비할 수 있도록 인증, 데이터베이스, 비즈니스 로직, API를 설정합니다.
- 다중 에이전트 계획
AI 에이전트 팀이 요청을 연구, 제품 사양, 아키텍처 및 구현으로 나누어 보다 신뢰할 수 있는 결과를 도출합니다.
- 자연어로 편집하기
앱이나 페이지의 어떤 부분을 클릭하고, 원하는 변경 사항을 자신의 말로 설명한 후 Atoms가 코드를 업데이트하도록 하세요.
자주 묻는 질문
Atoms로 앱을 만드는 데 얼마가 드나요?
Atoms는 크레딧 시스템을 사용합니다. 무료로 시작할 수 있으며, 무료 요금제로 작은 프로젝트를 만들 수 있습니다. 더 크거나 복잡한 앱은 더 많은 크레딧이 있는 유료 플랜이 필요할 수 있지만, 약속하기 전에 사용량을 항상 확인할 수 있습니다.
코딩을 알아야 하나요?
아니요. 원하는 것을 자연어로 설명하면 됩니다. Atoms가 계획, 디자인 및 코드 생성을 처리합니다. 기술적이라면 코드 검사 및 확장이 가능하지만, 작동하는 제품을 얻기 위해서는 필수는 아닙니다.
작동하는 앱이나 웹사이트를 얻는 데 얼마나 걸리나요?
간단한 앱과 마케팅 사이트는 몇 분 안에 준비될 수 있습니다. 더 복잡한 제품은 AI 팀이 계획하고 구축하며 반복하는 데 더 오랜 시간이 걸릴 수 있지만, 여전히 전통적인 개발 주기보다 훨씬 빠릅니다.
이 앱 및 웹사이트 빌더로 어떤 종류의 제품을 만들 수 있나요?
SaaS 도구, 내부 대시보드, 고객 포털, 마케팅 사이트, 전자 상거래 프런트 등 다양한 제품을 만들 수 있습니다. 흐름과 사용자를 설명할 수 있다면, Atoms가 보통 이를 작동하는 제품으로 바꿀 수 있습니다.
무료 요금제에는 어떤 내용이 포함되나요?
무료 요금제는 작은 앱을 만들고 테스트할 수 있는 충분한 크레딧을 제공합니다. 워크플로를 탐색하고 Atoms가 프로세스에 어떤 식으로 맞는지를 알 수 있습니다. 더 크거나 여러 프로젝트를 출시할 준비가 되었을 때만 업그레이드할 수 있습니다.