UI 2

Figma 대체 오픈소스? OpenPencil 가이드

OpenPencil이란?AI 네이티브 오픈소스 디자인 에디터. MIT 라이선스 배포이며, Figma 파일(.fig)을 네이티브로 열 수 있는 게 가장 큰 특징. 약 7MB의 가벼운 데스크톱 앱으로, 인터넷 연결이나 계정 없이 완전히 로컬에서 동작함.공식 사이트: openpencil.devGitHub: open-pencil/open-pencil라이선스: MIT (완전 오픈소스)핵심 특징 요약AI 내장: 90개 이상의 AI 도구로 자연어 기반 디자인 작업 가능Figma 호환: .fig 파일 직접 열기 + Figma ↔ OpenPencil 간 복사/붙여넣기 지원완전 로컬: 서버 통신 없음, 계정 불필요, 오프라인 사용 가능P2P 협업: WebRTC 기반 실시간 협업 (서버 불필요)다중 코드 내보내기: Reac..

TIP/AI 2026.03.26

AI로 UI/UX 프로토타이핑을 해보자. Google Stitch 소개

📌 핵심 요약결론: Google Stitch는 프롬프트 → UI → 코드까지 자동화해주는 무료 도구임. 초기 프로토타입용으로 최적.바로 실행할 것 3가지:stitch.withgoogle.com 접속해서 구글 계정 로그인구체적인 프롬프트로 UI 생성 (색상, 레이아웃, 컴포넌트 포함)HTML 코드 복사하거나 Figma로 내보내기흔한 실수 2가지:프롬프트 대충 쓰고 결과물 탓하기 (구체적으로 써야 함)완성본 기대하기 (초기 검증용 도구임, 세부 조정은 Figma에서)추천 플러그인: Stitch to Figma - HTML을 Figma 프레임으로 변환1. Google Stitch가 뭔지 30초 정리Google Stitch는 Google Labs에서 만든 AI UI 디자인 도구임.텍스트로 "이런 앱 만들어줘"..

TIP/AI 2026.01.30