Saltar a contenido

Figma, Loom y Notion

Figma · Loom · Notion

Figma

Herramienta de diseño y prototipos (plan gratuito alcanza para el hackathon).

Usos en 48 h

  • Wireframes del flujo (3–5 pantallas)
  • Prototipo clicable para pitch sin código
  • Slides del pitch (frames exportables)
  • Design system mínimo (colores, tipografía)

Tips

  • Template: Mobile frame 390×844
  • Componentes reutilizables (botón primario, card)
  • Compartí link view-only al jurado
  • Plugin Contrast para accesibilidad básica

Track de la ciudad · Desafío SEM

Figma sirve para wireframes del flujo de pago del conductor y del rol del permisionario antes de codear. Loom es útil para la demo en video exigida por el desafío: cámara prendida, hasta 5 minutos.

Diagnóstico SEM

Loom

Grabación pantalla + cámara → link instantáneo.

Cuándo usar Loom

  • WiFi del venue inestable
  • Demo Stellar/Arkiv que tarda en confirmar on-chain
  • Backup obligatorio para el pitch del viernes

Grabación efectiva (3 min)

  1. Script de 5 bullets en Notion
  2. Cerrá notificaciones
  3. 1080p, micrófono cerca
  4. Mostrá camino feliz una sola vez, sin “ahora si carga”

Estructura sugerida

Min Contenido
0:00 Problema + track
0:30 Demo core
2:00 Stack y próximo paso
2:30 Cierre

Notion

Wiki del equipo: notas, tareas, prompts, links.

Template mínimo

# [Proyecto] · Puna Tech 2026

## Track
Arkiv | Track de la ciudad

## Links
- Repo:
- Demo:
- Loom:
- Figma:

## MVP
- [ ] ...

## Prompts IA
...

## División de tareas
| Persona | Tarea |

Integración con el flujo

  • Jueves AM: definición en Notion
  • Jueves PM: checklist MVP
  • Viernes: “Pitch script” page compartida

Combinaciones ganadoras

Perfil Stack
Diseñador/a Figma → Loom pitch
Dev solo Código → Loom backup
Track Muni Figma + Claude + Vercel