0xMiden / 0xMiden/MultiSig

Create a Figma that defines the frontend the the flow

Offen
#1 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
12
Forks
5
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

### What should be done?

Design a Figma prototype for the Miden MultiSig frontend that captures the key functionalities and flow. The Figma should reflect Miden’s design language, while drawing UI inspiration from Safe and Squad.

### How should it be done?

- Review the flow and role definitions described [here](https://github.com/0xMiden/miden-base/issues/1574#issuecomment-3078569348).
- Use Miden’s visual identity as the base (colors, fonts, minimalism).
- Incorporate design patterns from Safe (https://safe.global/) and Squad (https://www.squad.so/) for familiarity and usability.

The Figma should cover UI and UX for the following core flows:

1. Member Management
- View current members and threshold (n/m).
- Add and remove members.

2. Fund Overview
- Show total funds and asset breakdown.

3. Transaction Management
- Initiate a new transaction.
- View transactions in queue awaiting approval.
- Approve transactions.

4. Wallet Connection
- Simple and clear wallet connection flow.
- If the wallet doesn't know the MultiSig yet, it should be able to import it

5. General
- Ensure the flow clearly shows role-based interactions (e.g., proposer vs. approver).
- Keep the interface simple, functional, and mobile-friendly.

### When is this task done?

- [ ] the Figma reflects all actions and possible screens
- [ ] all relevant stakeholders provided feedback, e.g. Miden team and designer, Safe team

### Additional context

Excalidraw sketch https://excalidraw.com/#json=S-3wuzZH_UjoZEaQw-4Gw,VYUxhbG6uO2HvJdtuJqAlA

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Überprüfen Sie den verlinkten Kommentar für Flow- und Rollendefinitionen. Studieren Sie die visuelle Identität von Miden, Safe (safe.global) und Squad (squad.so) für UI-Inspiration. Das Figma-Design muss fünf Kernabläufe prototypisieren: Mitgliederverwaltung, Fondsübersicht, Transaktionsverwaltung, Wallet-Verbindung und rollenbasierte Interaktionen. 'Fertig' bedeutet, dass alle Bildschirme gestaltet sind und Stakeholder Feedback gegeben haben.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
figma
Bereich
design
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
30/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.