디자인을 말로 시키는 시대 — 웹 빌더 프레이머에 AI 비서가 들어왔다
작성자
- 데이브
작성시각
카테고리
Empty
참여자
최근활동
데이브
무슨 일이 있었나요?
프레이머(Framer)는 코딩을 몰라도 마우스로 그림 그리듯 웹사이트를 만들 수 있는 디자인 도구입니다. 화면 위에 글자와 사진을 보기 좋게 배치하면, 그게 곧 인터넷에서 실제로 작동하는 홈페이지가 되는 방식이죠. 2026년 6월 16일, 프레이머가 '프레이머 3.0'이라는 큰 업데이트를 공개했습니다. 가장 큰 변화는 '에이전트(Agent)'라는 AI 도우미가 디자인 화면 안으로 직접 들어왔다는 점입니다. 화면 오른쪽에 새로 생긴 에이전트 칸에서 "이런 느낌의 소개 페이지를 만들어줘"라고 말로 부탁하면, AI가 페이지 전체를 디자인하고, 휴대폰 화면 크기에 맞게 자동으로 조정하고, 이미지를 바꾸고, 필요하면 코드까지 작성해 줍니다. 이와 함께 여러 명이 함께 작업할 때 본 사이트를 망가뜨리지 않고 따로 시험해볼 수 있는 '브랜칭' 기능, 그리고 만든 작업물을 다른 사람과 공유하고 수익도 낼 수 있는 '커뮤니티'도 같은 날 문을 열었습니다.
쉽게 말하면?
예전에는 디자이너가 버튼 하나, 글자 하나를 직접 끌어다 놓고 색을 칠해야 했습니다. 이제는 옆자리에 앉은 유능한 동료에게 "여기 이렇게 좀 고쳐줘"라고 말하면 알아서 해주는 것과 같습니다. 그 동료가 사람이 아니라 AI일 뿐이죠. 말로 시키면 화면이 알아서 그려집니다.
왜 주목할까?
그동안 'AI로 디자인'이라고 하면 보통 별도 채팅창에 요청하고 결과물을 복사해 옮기는 식이었습니다. 프레이머 3.0은 AI를 작업 화면 한가운데로 끌어들여, 대화하면서 그 자리에서 바로 수정하게 만들었다는 점이 다릅니다. 게다가 클로드 코드(Claude Code), 커서(Cursor) 같은 외부 AI 도구도 'MCP'라는 연결 통로를 통해 프레이머 작업에 끼어들 수 있게 됐습니다. 홈페이지 하나 만들려고 외주를 맡기거나 개발자를 기다리던 1인 사업자, 작은 팀에게는 진입 장벽이 크게 낮아지는 변화입니다.
이런 분들에게 유용해요
직접 홈페이지나 제품 소개 페이지를 만들어야 하는 1인 창업자, 마케터, 디자이너에게 특히 유용합니다. 코딩은 모르지만 '내 손으로 빠르게 웹사이트를 만들고 싶은' 사람에게 딱 맞습니다.
용어 정리
•
노코드(No-code): 프로그래밍 언어를 직접 쓰지 않고, 화면을 조립하듯 끌어다 놓아 앱이나 웹사이트를 만드는 방식.
•
AI 에이전트(Agent): 단순히 답만 하는 게 아니라, 사용자를 대신해 여러 단계의 작업을 스스로 실행하는 AI.
•
MCP: 서로 다른 AI 도구들이 같은 작업물에 함께 접근하도록 연결해 주는 표준 통로.
•
브랜칭(Branching): 원본은 그대로 두고 복사본에서 마음껏 실험한 뒤, 괜찮으면 원본에 합치는 작업 방식.
출처
🥕 Carrot Letter | AI & 생산성 도구 뉴스

