후원:NemoVideo- 대화형 AI 영상 편집 에이전트로 손쉽게 바이럴 숏폼 제작
BAT AI TOOLSBAT AI TOOLS
  • 도구
  • 카테고리
  • 직업
  • Pricing
  • 프로모무료
무료 제출
로그인
  • 홈
  • /
  • 코딩 및 개발
  • /
  • Studio.Design
Studio.Design

Studio.Design

Active
한 줄 소개 (슬로건):어떤 아이디어든 웹사이트로 바꾸는 가장 쉽고 빠른 디자인 도구. 코드 없이. 창의적 자유를 모두.
업데이트 날짜:2026년 9월 3일
Domain Rating:
86Domain Rating by Ahrefs
소셜 미디어:
코딩 및 개발노코드 & 로우코드 개발AI 웹사이트 빌더AI 랜딩 페이지 생성기아트 & 크리에이티브 디자인AI UI/UX 디자인AI SEO 도구Freemium구독노코드웹 앱클라우드 기반팀 협업실시간디자이너를 위한
웹사이트 열기
Studio.Design
웹사이트 방문
|
  • BAT AI TOOLS 소개
  • 요금제

의 정의 Studio.Design?

Studio.Design은 웹사이트를 구축하고 게시하기 위한 노코드 디자인 도구입니다. 비주얼 에디터에서 레이아웃을 디자인하고 캔버스 내 여백 및 패딩 컨트롤, 심볼, 브레이크포인트별 반응형 설정을 사용한 뒤, 원클릭으로 라이브 사이트로 게시할 수 있습니다. 내장 CMS, 폼, 페이지별 SEO 설정, Lottie 애니메이션 지원, Figma 가져오기가 포함되어 있으며, 실시간 공동 편집과 에디터 내 댓글도 제공됩니다. 코딩과 서버 설정은 Studio가 처리합니다.
Studio.Design screenshot 3
Studio.Design screenshot 4
Studio.Design screenshot 5
Studio.Design screenshot 6

사용 방법 Studio.Design?

1. app.studio.design/signup에서 무료 계정을 가입합니다. 2. 빈 캔버스에서 시작하거나, Studio Store에서 템플릿을 고르거나, 기존 Figma 디자인을 가져와 브레이크포인트를 자동으로 생성합니다. 3. 디자인 에디터에서 박스 레이아웃, 드래그 앤 드롭 여백 및 패딩 컨트롤, 재사용 요소를 위한 심볼을 사용해 레이아웃을 구성합니다. 4. 각 반응형 브레이크포인트를 시각적으로 사용자 지정하고, 애니메이션이나 가져온 Lottie 파일을 추가합니다. 5. CMS로 동적 콘텐츠를 추가하고, 폼을 배치해 응답을 수집합니다. 6. SEO 설정에서 페이지별로 제목, 설명, 사이트맵을 설정합니다. 7. 무료 플랜에서 studio.site 주소로 원클릭 게시하거나, 유료 플랜에서 커스텀 도메인을 연결합니다.

Studio.Design 핵심 기능

01

디자인 에디터

직관적인 UI로 레이아웃을 디자인합니다. 픽셀 단위 조정부터 동적 애니메이션까지 가능합니다. 박스 레이아웃, 캔버스 내 여백 및 패딩 드래그 컨트롤, 페이지 간 요소 재사용을 위한 심볼, 반응형 브레이크포인트별 시각적 사용자 지정을 포함합니다.

02

CMS(콘텐츠 관리 시스템)

한 중앙 위치에서 콘텐츠 제작을 협업합니다. 실시간으로 공동 편집하고 언제든 게시할 수 있습니다. 플랜 범위는 무료의 100개 아이템·3개 모델부터 Business Plus의 15,000개 아이템·30개 모델까지입니다.

03

원클릭 게시

디자인을 원클릭으로 라이브 웹사이트로 게시합니다. 코딩과 서버 설정은 당사가 처리합니다. 무료 사이트는 studio.site에 게시되며, 유료 플랜에는 커스텀 도메인이 추가됩니다.

04

폼

방문객을 유도하는 폼을 만들고 템플릿을 넘어 애니메이션, 색상 등을 사용자 지정합니다. 응답 한도는 Mini의 100개부터 Business의 10,000개까지입니다.

05

SEO 컨트롤

각 콘텐츠에 맞춰 SEO를 조정하고, 사이트맵을 자동 생성하며, 유료 플랜에서 Google Analytics, Google Search Console, 광고 추적 태그를 연결합니다.

06

Lottie 애니메이션

Lottie 파일을 직접 가져와 디자인에 움직임을 더하고, 페이드, 슬라이드, 확장, 기울기, 블러, 모노크롬 등 매초 조정 가능한 내장 효과도 제공합니다.

07

Figma 가져오기

기존 Figma 디자인을 가져와 브레이크포인트가 자동으로 생성되는 것을 확인한 뒤, 그 결과를 라이브 사이트로 게시합니다.

08

실시간 협업

실시간 공동 편집, 디자인을 유지한 채 편집자가 텍스트와 이미지를 변경할 수 있는 Content Edit Mode, 에디터 내에서 제안을 남길 수 있는 댓글 기능을 제공합니다.

09

폰트 및 데이터 연결

900개 이상의 폰트를 추가 비용 없이 이용할 수 있으며, Notion 및 Airtable에 대한 API 연결로 실제 데이터로 페이지를 디자인할 수 있습니다. Unsplash와 iframe 임베드가 내장되어 있습니다.

Studio.Design 사용 사례

코드 작성 없이 포트폴리오 웹사이트 구축하기(Personal 플랜은 포트폴리오용)

Mini 플랜으로 커스텀 도메인에 단일 페이지 랜딩페이지 게시하기

Business 플랜으로 CMS 기반 페이지, 분석, 리디렉션을 갖춘 스타트업 마케팅 사이트 출시하기

디자이너가 클라이언트 사이트를 구축하고 클라이언트가 Content Edit Mode에서 카피를 편집하는 에이전시 워크플로 운영하기

기존 Figma 디자인을 반응형 라이브 웹사이트로 변환하기

CMS 모델과 아이템을 사용해 블로그나 사례 모음 관리하기

하나의 Team 워크스페이스에서 여러 클라이언트 프로젝트, 멤버, 결제 관리하기

Studio.Design 자주 묻는 질문

폼 응답 한도를 초과하면 어떻게 되나요?

한도를 초과한 응답은 대시보드나 이메일 알림에 표시되지 않습니다. 플랜을 업그레이드하면 가장 오래된 것부터 해당 응답에 접근할 수 있습니다.

CMS 아이템이란 무엇인가요?

CMS 아이템은 Studio의 CMS로 관리되는 블로그 게시물이나 컬렉션 같은 콘텐츠 단위입니다. 동적 콘텐츠를 효율적으로 구성하고 업데이트하는 데 도움이 됩니다.

한도가 더 낮은 플랜으로 다운그레이드할 수 있나요?

현재 콘텐츠가 새 플랜의 한도를 초과하더라도 다운그레이드를 예약할 수 있습니다. 단, 해당 한도를 초과하는 CMS 아이템이나 기능은 게시가 취소됩니다. 다운그레이드가 적용되기 전에 콘텐츠를 조정해야 합니다.

채팅 지원은 어떤 내용을 다루나요?

채팅 지원은 Studio 관련 문제나 질문을 돕습니다. Studio는 타사 서비스를 지원하거나 디자인 조언을 제공할 수 없습니다. 에디터의 '?'를 클릭해 채팅 지원에 접근하세요.

플랜 구매 후 환불이 가능한가요?

구매 후 환불은 불가능합니다. 구독 전에 플랜 세부 정보를 신중히 검토해 주세요.

연간 및 월간 결제를 전환할 수 있나요?

동일하거나 상위 플랜의 월간 결제에서 연간 결제로 전환하는 것은 가능하며 남은 개월 수에 할인이 적용됩니다. 연간에서 월간으로의 전환은 지원되지 않습니다. Free로 다운그레이드한 뒤 월간 플랜에 가입해야 합니다.

어떤 결제 수단을 받나요?

Studio는 신용카드와 직불카드를 받습니다.

연간 결제는 언제 청구되나요?

연간 결제는 업그레이드 날짜에 청구되며 매년 같은 날짜에 자동 갱신됩니다. 예를 들어 2023년 4월 19일에 업그레이드하면 다음 결제는 2024년 4월 19일에 마감됩니다.

Studio.Design 제품 배경 및 공식 링크

Studio.Design 고객 지원 이메일 및 고객 서비스 연락처, 환불 연락처 등

Studio.Design 고객 지원 이메일: hello@studio.design

더 자세한 문의는 다음을 방문하세요: 소개 페이지(https://help.studio.design/en/)

Studio.Design 회사 정보

Studio.Design 회사 이름: STUDIO Inc.

Studio.Design 개발자 유형: company

Studio.Design 회사 주소: Tokyo, Japan

자세히 알아보기 Studio.Design, 방문해 주세요: 소개 페이지(https://help.studio.design/en/)

Studio.Design 요금제

Studio.Design 요금제 링크: https://studio.design/pricing

Studio.Design YouTube

Studio.Design YouTube 링크: https://www.youtube.com/channel/UCacZBasz9QI5k0hcB5HKYoQ

Studio.Design Twitter

Studio.Design Twitter 링크: https://twitter.com/studio

Studio.Design Instagram

Studio.Design Instagram 링크: https://www.instagram.com/sitedesigntool

Studio.Design LinkedIn

Studio.Design LinkedIn 링크: https://www.linkedin.com/company/studiodesignapp

Studio.Design 요금제 및 가격

Free

무료
$0
  • 디자인 도구
  • studio.site에 게시
  • Studio 배지 표시
  • 50 페이지
  • 100개 아이템·3개 모델의 CMS
  • 5GB 스토리지
  • 1일 버전 기록
  • 15일 분석
지금 구독 및 업그레이드

Mini

정기 결제
$10 /월
  • 단일 페이지 사이트용
  • 커스텀 도메인
  • 2 페이지 + 404 페이지
  • 100개 폼 응답
  • 앱 연동
  • 5일 버전 기록
  • 연간 결제 시 $5 /월(20%+ 절약)
지금 구독 및 업그레이드

Personal

정기 결제
$12 /월
  • 포트폴리오용
  • 커스텀 도메인
  • 150 페이지
  • 1,000개 폼 응답
  • 비밀번호 보호
  • 앱 연동
  • 1,000개 아이템·5개 모델의 CMS
  • 10GB 스토리지
  • 30일 버전 기록
  • 연간 결제 시 $10 /월(20%+ 절약)
지금 구독 및 업그레이드
인기순

Business

정기 결제
$35 /월
  • 스타트업용
  • Personal의 모든 기능
  • 300 페이지
  • 10,000개 폼 응답
  • 기본 권한
  • 무제한 분석
  • 301 리디렉션
  • 5,000개 아이템·10개 모델의 CMS
  • 120일 버전 기록
  • 연간 결제 시 $25 /월(20%+ 절약)
지금 구독 및 업그레이드

Business Plus

정기 결제
$110 /월
  • 빠른 성장 기업용
  • Business의 모든 기능
  • 15,000개 아이템·30개 모델의 CMS
  • 360일 버전 기록
  • 고급 권한
  • 커스텀 헤더
  • 활동 로그
  • 100GB 스토리지
  • 우선 지원
  • Custom Proxy($290 /월)와 같은 선택적 애드온
  • 연간 결제 시 $80 /월(20%+ 절약)
지금 구독 및 업그레이드

Team

정기 결제
$18 /월 멤버당
  • 프로젝트 플랜과 별도로 청구되는 워크스페이스 플랜
  • 무제한 멤버
  • 무제한 프로젝트
  • 게스트 초대
  • 커스텀 권한
  • 3명 멤버부터 월 $54부터 시작
  • 연간 결제 시 멤버당 $14 /월
지금 구독 및 업그레이드

Studio.Design 태그

Freemium구독노코드웹 앱클라우드 기반팀 협업실시간디자이너를 위한크리에이터를 위한스타트업을 위한고도로 커스터마이즈 가능제로 설정보안 데이터

Studio.Design에 가장 적합한 직업군

프리랜서인디 해커소규모 사업주셀프미디어 & 인플루언서SEO 전문가작가 및 마케터학생

인기 제품 카테고리

LLM 및 AI 에이전트

  • AI 챗봇
  • AI 에이전트
  • 프롬프트 엔지니어링
  • AI 검색 엔진

엔지니어링 및 코드

  • AI 코드 어시스턴트
  • AI 코드 생성기
  • AI 개발자 도구
  • 노코드 및 로코드

이미지 및 크리에이티브

  • AI 이미지 생성기
  • AI 디자인 생성기
  • AI 아트 생성기
  • 이미지 투 이미지

비디오 및 애니메이션

  • AI 비디오 생성기
  • AI 쇼츠 비디오 메이커
  • 디지털 휴먼
  • AI 비디오 에디터

생산성 및 오피스

  • AI 회의 도우미
  • AI PDF 도구
  • AI 워크플로우
  • AI PPT 생성기

마케팅 및 영업

  • AI SEO 도구
  • AI 카피라이팅
  • AI 리드 생성
  • AI 영업 도우미

오디오 및 음성

  • AI 음성 복제
  • AI 텍스트 음성 변환 (TTS)
  • AI 음악 생성기
  • AI 팟캐스트 도구

연구 및 데이터

  • AI 연구 도구
  • AI 데이터 분석
  • AI 지식 베이스
  • 모든 카테고리 보기 >>
BAT AI TOOLS
  • AI 도구 제출
  • 요금제
  • Partnership
  • 피드백
  • BAT AI TOOLS 소개
  • A2A 호환
WeChat QR
WeChat으로 QR 코드 스캔
hi@bataitools.com아이콘을 클릭하여 이메일을 자동 복사합니다
English简体中文繁體中文EspañolالعربيةBahasa IndonesiaPortuguêsFrançais日本語РусскийDeutsch한국어TürkçeTiếng ViệtItalianoNederlandsPolskiไทยहिन्दीУкраїнськаفارسیবাংলাاردوSvenskaNorskDanskSuomiעברית

Copyright © 1970 BAT AI TOOLS. All Rights Reserved.

·Partnership·Privacy Policy·이용약관·환불 정책