Buddy

Buddy는 프롬프트와 기존 웹페이지를 편집 가능한 UI로 바꾸는 Figma 플러그인이다. 핵심 생각은 단순하다. AI의 결과물은 손으로 다시 짜맞춰야 하는 정적인 목업이 아니라, 옮기고 스타일을 바꾸고 엔지니어링에 넘길 수 있는 Figma 파일로 남아야 한다. 읽는 방식은 디자인 부조종사에 가깝다. 당신이 주도하고, Buddy가 반복적인 레이어 작업을 한다.

팀에 가장 쓸모 있는 부분은 가져오기 쪽이다. HTML 조각이나 라이브 URL을 붙여 넣으면 Buddy가 그것을 실제 구조를 지닌 Figma 레이어로 다시 짓는다. 그래서 참고 페이지가 편집할 수 있는 출발점이 된다. 바로 그게 요점이다. 경쟁사의 랜딩 페이지를 레이어 하나하나 다시 짜본 적이 있다면 왜 중요한지 알 것이다.

기대치를 조정할 점이 하나 있다. Buddy는 Figma 플러그인이지 독립 앱이 아니다. 스스로 디자인하지 못한다. 당신의 지시, 프롬프트, 또는 원본 페이지가 필요하다. 그렇다면 결과는 얼마나 좋은가. 그건 대부분 브리프에 달려 있다. 출력 품질은 얼마나 구체적으로 지시할 수 있는지에 비례하며, 복잡한 페이지는 가져온 뒤 수작업 정리가 필요할 수 있다.

시작하기

1. Figma를 열고 커뮤니티의 Buddy 플러그인 페이지로 가서 '실행'(또는 '설치')을 클릭해 파일에 추가한다.
2. Figma 도구 모음에서 플러그인을 실행하고 현재 파일에 대한 접근을 허용한다.
3. 채팅을 시작해 원하는 화면을 설명하거나, HTML을 붙여 넣거나, 복제할 웹사이트 URL을 넣는다.
4. 캔버스에 생성된 레이어를 확인하고 후속 프롬프트나 수작업 편집으로 다듬는다.
5. 같은 레이아웃의 병렬 버전을 시험하고 싶다면 추가 채팅 스레드를 연다.