메타마스크 화면 피그마 템플릿

지갑 로그인, 트랜잭션 승인, 네트워크 전환 & 에러 상태 지원

MetaMask 익스텐션 화면과 상태를 정확하게 재현한 Figma 컴포넌트입니다. 스크린샷을 찍을 필요 없이, 미리 만들어진 컴포넌트를 플로우에 드래그하기만 하면 됩니다.

지갑 잠금해제, 트랜잭션 승인, 네트워크 전환, 계정 관리, 에러 상태 등 실제 MetaMask 인터페이스와 동일하게 디자인된 컴포넌트를 포함합니다.

1. Figma를 벗어나지 않고 실제와 같은 유저 플로우 제작 가능
2. MetaMask 연동 경험을 빠르게 프로토타이핑
3. 모든 문서에서 디자인 일관성 유지
4. 이해관계자에게 블록체인 인터랙션을 명확하게 전달
5. MetaMask 익스텐션에서 사용자가 마주하는 대부분의 시나리오 대응
6. Figma 내 유저 플로우 검증에 최적화

Variable

해당 Variable을 변경하면 컴포넌트의 텍스트가 자동으로 업데이트됩니다: WalletAddress, NetworkName, NetworkCurrency, BaseCurrency, SiteName, SiteURL

NetworkName을 변경하면 네트워크 아이콘이 자동으로 업데이트됩니다. 다음을 지원합니다. : Ethereum Mainnet, Polygon Mainnet, OP Mainnet, Binance Smart Chain, Avalanche Network C-Chain, Base Mainnet

디자인 시스템

일관된 간격과 테두리를 위해 Tailwind 기반 변수로 제작되었습니다. 원본 변수 다운로드: Local Variables for Tailwind

실제 MetaMask 화면에서 색상과 아이콘을 추출하여 제작했습니다.

Support :

🔗BOOKMARK{"url":"https://buymeacoffee.com/0x3den","title":"eden","description":"Director @sapientaProduct, AI, Data, Blockchain, Design, UX, Dev, Music and Future","image":"/cached-images/1ff7658c3bcaf9acd132939b37eb6efb.jpg","domain":"buymeacoffee.com"}