안녕하세요, 주식회사 Webharu 대표이사 구리타입니다.
결론부터 말씀드립니다. 2026년에 Webflow를 한국어로 배우는 최단 루트는 “①한국어 글로 조작의 토대를 만든다 → ②Webflow 공식 대학(영어·무료)에서 체계를 배운다 → ③만들고 싶은 것별 한국어 글로 마무리한다”의 3단계입니다. 이 블로그에서는 Webflow 관련 한국어 글을 30편 이상 공개하고 있으며, 이 글은 그 입구(허브)입니다.
이 글의 요점
- Webflow University(Webflow 공식 대학)란?
- Webflow University(Webflow 공식 대학)란 Webflow 공식 무료 온라인 학습 플랫폼입니다. 영어 동영상 코스가 중심이며, 이 글의 전신인 21D 코스(하루 30분×21일로 포트폴리오 사이트를 만드는 강좌)도 이 공식 코스를 일본어로 옮긴 것입니다.
목차
Webflow는 한국어로 배울 수 있을까? —— 결론: 배울 수 있습니다
배울 수 있습니다. Webflow 본체의 UI와 Webflow 공식 대학(Webflow University)은 영어지만, 기본 조작·SEO·CMS·다국어화까지 한국어로 해설한 글을 이 블로그에 갖춰 두었습니다. 게다가 2026년에는 브라우저 번역과 AI 병용이 당연해져서, 몇 년 전 좌절의 단골이었던 “공식 정보가 영어라 이해되지 않아 침몰”이라는 벽은 크게 낮아졌습니다.
1단계 | 먼저 한국어 글로 조작의 토대를 만든다
맨 처음 읽을 한 편은 “Webflow 사용법 | 조작이 10배 빨라지는 4가지 기초 지식”입니다. HTML·CSS의 위치, ALL 태그, CSS 패널 색의 의미 —— 이 4가지를 모른 채 Webflow를 만지면, 어디를 편집해야 할지 알 수 없는 사이트가 되어 갑니다. 처음 30분이면 읽을 수 있으니 여기서 시작해 주세요.
2단계 | Webflow 공식 대학(영어·무료)에서 체계를 배운다
Webflow University는 Webflow 공식 무료 온라인 학습 플랫폼입니다. 영어 동영상 코스가 중심이지만, 레슨은 실제 화면 조작을 보여 주면서 진행되기 때문에 영상을 따라가는 것만으로도 흐름을 잡을 수 있습니다. 모르는 용어가 나오면 그대로 AI에게 한국어로 질문하면 그 자리에서 해결할 수 있습니다.
Webflow 계정은 Webflow 공식 사이트에서 무료로 만들 수 있습니다. 무료 플랜(Starter) 그대로 학습을 진행할 수 있습니다(2026년 시점).
Webflow 사용법을 처음부터 배운 방법【당시에는 미경험이었습니다】
2단계의 공식 대학을 저 자신이 어떻게 활용해 배웠는지에 대한 기록입니다.
제가 Webflow를 배운 방법은 Webflow 공식 포트폴리오 제작 코스를 3개월에 걸쳐 수강한 데서 시작됩니다. 이 코스에서는 Webflow 사용법 전반을 소개하면서 포트폴리오 사이트를 만듭니다.
코스는 모두 영어입니다. 그래서 자동 번역과 동영상 속 손 작업을 보면서 어떻게든 Webflow에 익숙해진 것이 첫 단계였습니다. 소재 등은 Webflow 공식에서 다운로드할 수 있습니다. 동영상은 다음과 같습니다.
초보자가 Webflow로 가장 편하게, 가장 저렴하게 웹사이트를 만드는 방법 2가지를 소개합니다
3단계에서 목적별로 배우기 전에, 우선 한 장 만들어 보고 싶은 분을 위한 제작 방법입니다.
이 글을 쓰는 저는 Webflow로 웹사이트 제작을 하며 한 달에 300,000엔 정도의 수익을 올리고 있습니다(집필 당시). 또한 이 블로그도 Webflow로 제작·관리하고 있으며, Webflow 템플릿을 참고해 만들었습니다.
웹 초보자도 Webflow로 프로 수준의 디자인을 만드는 방법
순서는 다음 5단계입니다.
- 【순서 1】Webflow 쇼케이스에서 웹사이트를 복사
- 【순서 2】폰트를 바꾼다
- 【순서 3】색을 변경한다
- 【순서 4】사진, 블록의 폭
- 【순서 5】문장을 넣는다
【순서 1】Webflow 쇼케이스에서 웹사이트를 복사
Webflow 쇼케이스에서 클론 가능한 디자인을 선택하기만 하면 됩니다.
추천 쇼케이스는 “이 글”을 참고해 주세요.
【순서 2】폰트를 바꾼다
클론한 사이트에 일본어 폰트를 넣습니다.
무난한 것은 “Noto Sans”, “Sawarabi” 같은 Google 폰트입니다.
폰트를 넣는 방법은 “이 글”을 참고해 주세요.
【순서 3】색을 변경한다
푸터 색은 전체보다 어두운 색으로 배색하면 균형이 좋아 보입니다.
전체 배경색이 고민될 때는 고바야시 님의 아래 트윗을 참고하기를 추천합니다.
웹 제작에서 바로 쓸 수 있는 정보를 발신하는 분으로, 그 밖에도 유익한 트윗이 많습니다.
テキストが読みやすくなる "やさしい背景色" をあつめてみた pic.twitter.com/278ZDDEPSV
— 小林 I Webデザインアイデアレシピ著者 (@pulpxstyle) January 27, 2022
【순서 4】사진을 교체한다
저는 문장을 먼저 넣는 경우가 많지만, 사진이 이미 갖춰져 있는 분은 사진을 먼저 넣기를 추천합니다. 웹사이트의 구성을 함께 정할 수 있기 때문입니다. 또한 문장을 만드는 것도 조금 편해집니다.
【순서 5】문장을 넣는다
사진을 넣어 정보를 넣을 위치가 정해지면 함께 문장을 넣읍시다. 폰트 크기가 보기 어려우면 조금 조정합니다. 글자는 16px가 평균입니다.
간단한 템플릿을 복사한다: 0엔/7시간
위에서 소개한 방법으로 모두 직접 만드는 방법입니다. 직접 만들기 때문에 금액은 0엔입니다.
소요 시간은 다음과 같습니다.
- 단계 1~5: 1시간
- 글쓰기·이미지 준비: 5시간
- 기타 조정: 1시간
- 합계 7시간
(2026년 추가: 당시에는 또 하나의 패턴으로 사진과 문장 준비도 1페이지 단위로 맡았습니다. 지금은 받지 않습니다. 제작 상담은 요금 페이지에서 해 주세요)
이 글의 전신 “21일 코스(21D)”에 대하여
이 글은 원래 Webflow 공식 21일 코스(21D)를 일본어로 해설한 전 14회 강좌의 허브였습니다. 하루 30분×21일로 미경험 상태에서 포트폴리오 사이트를 완성하는 구성입니다. 당시 강좌에서 전하고 싶었던 생각은 지금도 변함이 없습니다.
그래서 21일 종료 후에는 웹 제작 스킬이 아니라 다른 스킬을 익히는 것을 추천합니다(디자인이나 마케팅 등). 웹 구축은 이후 필요에 따라 찾아보는 힘만 있으면 Webflow로 사이트를 만들 수 있습니다.
단 21일에 웹 제작 스킬을 손에 넣고 즉시 다음 스킬 습득으로 간다——이것은 틀림없이 지금 가장 빠른 스킬 습득입니다.
저 자신도 바탕이 된 공식 “21일 만에 포트폴리오를 만들자” 코스를 끝까지 완주했습니다. 도중에 좌절하기 쉬운 지점을 파악한 뒤 이 학습 루트를 짰습니다.
2026년 추가: 구 강좌(2일 차~14일 차)의 글은 Webflow의 잦은 UI 업데이트로 순서가 현행 화면과 맞지 않게 되었기 때문에 공개를 종료하고 이 글에 통합했습니다. 구 글의 URL에서는 이 페이지로 자동 전송됩니다. 내용이 지금도 유효한 “기초 지식 편(0일 차)”과 “reCAPTCHA를 설정하는 방법”은 계속 공개하고 있습니다.
3단계 | 만들고 싶은 것별로, 한국어 글로 마무리한다
기본이 몸에 배면 이후에는 “만들고 싶은 것”에 맞춰 배우는 것이 최단입니다. 목적별로 다음 한국어 글을 준비했습니다.
- 전체 색인: Webflow 글 목록
- SEO 대책: Webflow SEO 완전 가이드(AIO 대응·2026년판)
- 블로그·CMS 구축: Webflow CMS 완전 이해 가이드
- 다국어 사이트: Webflow 로컬라이즈를 1년간 사용한 경험과 SEO 효과
- 디자인 연동: Figma에서 Webflow로 디자인을 복사해 붙여 넣는 방법
- 요금 파악: Webflow 요금 플랜 해설(2026년 5월 신체계 대응)
2026년, AI 병용으로 Webflow 학습 방식은 어떻게 바뀌었나
결론: “조작 순서의 암기”의 가치가 내려가고, “구조의 이해”의 가치가 올라갔습니다.
실례를 하나. 당사는 2026년 7월, 자사 사이트를 Claude Code(AI)를 사용해 7일(구축은 3일) 만에 풀 리뉴얼했습니다. 26페이지·글 62편의 이전을 사람 1명이 진행했습니다. 화면 조작을 하나씩 암기하지 않아도, HTML과 CSS의 구조만 이해하고 있으면 AI와 짝을 이뤄 사이트를 만들 수 있는 시대입니다. 그리고 그 구조의 이해는 Webflow 학습에서 그대로 몸에 익습니다.
그렇기 때문에 앞으로 Webflow를 배우실 분에게는, 단축키나 순서의 암기보다 “ALL 태그·클래스 설계·박스 구조” 같은 구조의 이해를 축으로 배우기를 권합니다. 모르는 항목은 이름을 그대로 검색하거나 AI에게 한국어로 질문하면 해결할 수 있습니다.
Webflow 사용법을 질문하는 방법 | Webflow Forum과 공식 지원
모르는 것은 2026년 지금은 먼저 AI에게 묻는 것이 빠릅니다. AI가 모르는 최신 사양이나 버그, 공식 견해는 Webflow의 공식 창구에서 확인합니다.
2026년 10월 시점의 공식 창구
- Webflow Forum(Webflow Community): forum.webflow.com이 그대로 열립니다. 구 URL인 discourse.webflow.com은 community.webflow.com(Webflow Community)으로 전송되며, 질문은 “Ask the Community”에서 올립니다. 검색만 할 때는 로그인이 필요 없습니다.
- 공식 지원: support.webflow.com의 Support Portal에서 보내면 답변은 메일로 옵니다. 채팅에서는 AI Support Assistant가 먼저 답합니다. 상담할 수 있는 사람은 계정 소유자와 Workspace의 소유자·관리자입니다. 커스텀 코드·DNS·SEO·외부 도구 연동은 지원 대상이 아니며, Webflow Community에서 물어보도록 안내하고 있습니다.
출처: Webflow Help Center “Customer Support Policy”(2026년 10월 5일 확인)
답변을 받기 쉬운 질문 방법
또한 답변자가 답하기 쉬운 질문, 답하고 싶어지는 질문을 쓰면 답변률이 올라갑니다. 어떻게 질문하면 좋을지 모르겠는 분은 “Yes”, “No”로 답할 수 있는 질문을 의식하면 답변률이 올라갑니다.
글은 영어로 작성합니다. “영어가 서툽니다”라고 명시하면 친절하게 설명해 주므로 영어가 서툰 분께 추천합니다.
2021년에 제가 Forum에서 물어본 것은 “Webflow.io 도메인에서 제가 구입한 도메인으로 301 리다이렉트하는 방법”입니다(원래 게시물은 지금은 남아 있지 않습니다).
간단한 영어밖에 쓰지 않았지만, 어떻게든 뜻이 전달되어 리다이렉트 방법을 알려 주셨습니다. 이번에는 근본적으로 어려운 설정이었던 것 같아 해결하지는 못했지만, “할 수 없다”는 것을 아는 것만으로도 한 걸음 앞으로 나아갈 수 있습니다. (이번에는 가능할 것 같았지만 손이 많이 간다는 것을 알게 되어 구현하지 않았습니다.)
이번에 저는 사전에 비슷한 질문이 없는지 조사한 뒤, 비슷한 질문을 링크로 붙이고 Webflow 공식 페이지도 인용했습니다. Yes나 No로 답할 수 있도록 의식해서 질문했습니다. 자신의 질문과 비슷한 글을 첨부하면 “이 글을 읽어 보면 어때요?” 같은 답변을 없앨 수 있습니다.
또한 Yes, No로 답할 수 있게 질문하면 답변자가 본능적으로 답하기 쉽다고 판단해 주므로 답변률이 올라갑니다. “답장이 전혀 안 와요…” 하는 분은 한번 질문 내용을 다시 살펴보면 좋을 것입니다.
정리 | Webflow 한국어 학습의 최단 루트
①기초 지식 글로 토대를 만든다 → ②Webflow 공식 대학(무료)에서 체계를 배운다 → ③목적별 한국어 글로 실천한다. 이 순서라면 한국어 중심으로도 실무 수준까지 도달할 수 있습니다.
Webflow×AI의 최신 실천은 뉴스레터(메일은 일본어)로 먼저 알려 드립니다.
제작 실적
자주 묻는 질문
Webflow는 한국어로 배울 수 있나요?
배울 수 있습니다. Webflow 공식 대학은 영어지만, 이 블로그에서는 기본 조작부터 SEO·CMS·다국어화까지 Webflow 관련 한국어 글을 30편 이상 공개하고 있습니다. 2026년에는 브라우저 번역과 AI 병용으로 한국어 중심으로도 실무 수준까지 도달할 수 있습니다.
Webflow 공식 대학(Webflow University)은 무료인가요?
무료입니다. Webflow 공식이 제공하는 동영상 중심의 학습 플랫폼으로, 추가 비용 없이 수강할 수 있습니다. Webflow 자체도 무료 플랜(Starter) 그대로 학습을 진행할 수 있습니다(2026년 시점).
영어가 서툴러도 Webflow 공식 대학에서 배울 수 있나요?
배울 수 있습니다. 동영상은 실제 화면 조작을 보여 주면서 진행되기 때문에 영상만으로도 흐름을 잡을 수 있고, 모르는 용어는 브라우저 번역이나 AI에게 한국어로 질문하면서 진행할 수 있습니다.
Webflow 사용법은 어디에서 질문할 수 있나요?
Webflow Forum(Webflow Community)과 support.webflow.com의 공식 지원 2곳입니다(2026년 10월 시점). 지원 대상은 계정 소유자와 Workspace의 소유자·관리자이며, 커스텀 코드·DNS·SEO·외부 도구 연동은 Community에서 물어보도록 안내하고 있습니다.
Webflow를 익히는 데 어느 정도 기간이 필요한가요?
구 21D 코스의 설계에서는 하루 30분×21일로 기본 조작을 한 차례 습득하는 것을 상정했습니다. 2026년에는 모르는 부분을 AI에게 한국어로 질문하면서 진행할 수 있으므로, 막혀서 멈추는 시간을 더 줄일 수 있습니다.
HTML·CSS 지식이 없어도 Webflow를 배울 수 있나요?
배울 수 있습니다. Webflow의 UI는 HTML·CSS와 같은 이름(Div block·margin·padding 등)을 채용하고 있으므로, 모르는 항목은 이름을 그대로 검색하거나 AI에게 질문하면 해결할 수 있습니다. 기초는 우선 0일 차 글(0step-webflow)에서 짚어 두세요.
