DesignForge

DesignForge è uno strumento che consolida le "regole di progettazione" per app e schermate in un unico file chiamato DESIGN.md.

■ Quando usarlo:

・ La sensazione dei colori e della spaziatura cambia ogni volta che si lascia che l'IA crei l'interfaccia utente.

・ Non si è mai sicuri di "quale colore ho usato l'ultima volta?".

・ Le regole comuni che si possono fornire al team o all'IA esistono solo nella propria testa.

La causa della discrepanza non è una differenza di senso, ma piuttosto la mancata definizione della "risposta corretta". DesignForge racchiude questa definizione in un file.

■ Come usarlo:

1. Scegli un modello (preset specifico per genere).

2. Regola il colore principale, la luminosità, il carattere, le proporzioni, la spaziatura, gli angoli arrotondati, ecc.

3. Verifica l'aspetto effettivo con l'anteprima a schermo.

4. Copia/condividi/salva DESIGN.md e inseriscilo nel tuo progetto.

Devi solo selezionare circa 8 elementi. Da lì, il programma calcola automaticamente 14 colori, 7 livelli di font, arrotondamento degli angoli, spaziatura e stili dei componenti. Non dovendo selezionare tutto manualmente, puoi completare il progetto senza dover interrompere a metà.

■ Funzionalità

・Anteprima in tempo reale

Titoli, testo del corpo, pulsanti principali, pulsanti secondari, suggerimenti, schede e campi di input vengono visualizzati con le impostazioni correnti. Le modifiche ai valori vengono applicate immediatamente.

・12 strumenti come una "cabina di prova"

Include strumenti pratici come una lista di cose da fare, post-it colorati, timer per le pause, cronometro, contatore, roulette, contatore dei giorni, tracker delle abitudini e controllo pre-rilascio. Tutti vengono disegnati utilizzando i token presenti nel file DESIGN.md che stai creando. Puoi controllare le combinazioni di colori sulla tua "schermata abituale", non solo su una schermata di esempio.

・Rilevamento del contrasto

Il terminale rileva lo standard WCAG AA. È possibile individuare combinazioni di difficile lettura prima dell'esportazione.

• Conforme al formato DESIGN.md

Il formato di output non è personalizzato; è conforme alle specifiche DESIGN.md, disponibili pubblicamente.

* Salva e richiama

È possibile salvare i progetti creati con un nome e caricarli in seguito.

* Output

Un singolo file Markdown contenente le definizioni dei token (YAML) per colore, carattere, layout, arrotondamento degli angoli e componenti, insieme a una sezione di testo che descrive "cosa fare/cosa non fare". Questo file può essere inserito direttamente nel repository e letto da agenti IA e membri del team.

* Note sull'utilizzo

* Tutti i dati inseriti vengono salvati sul dispositivo. Non è richiesta la registrazione di un account.

* Gratuito. Gli annunci pubblicitari vengono visualizzati per supportare il servizio.