Skip to content

Herramientas del freelancer ​

Las herramientas correctas te ahorran horas cada semana y te hacen ver profesional ante el cliente. No necesitas todas: elige una por categoría, apréndela bien y crea un flujo que repitas en cada proyecto. Casi todas tienen planes gratuitos suficientes para empezar.

Concepto ​

Un freelancer es a la vez desarrollador, diseñador, gestor de proyectos, vendedor y contador. Cada rol tiene sus herramientas:

RolNecesidadHerramientas
DiseñoWireframes y diseño visualFigma, Penpot, Excalidraw
GestiónTareas, avances, documentosTrello, Notion, ClickUp, GitHub Projects
DesarrolloCódigo y versionesVS Code, Git, GitHub
ComunicaciónReuniones y mensajesGoogle Meet, Zoom, WhatsApp Business, Loom
AgendaQue el cliente reserve reunionesCalendly, Cal.com, Google Calendar
TiempoMedir cuánto tardasToggl Track, Clockify
FinanzasCobrar y facturarStripe, PayPal, Wise, transferencias, software de facturación local
SeguridadContraseñas y accesosBitwarden, 1Password
ArchivosMaterial del clienteGoogle Drive, Dropbox

Diseño ​

Figma ​

El estándar de la industria para diseño de interfaces. Funciona en el navegador, permite colaborar en tiempo real y compartir un enlace donde el cliente comenta directamente sobre el diseño.

  • Úsalo para: wireframes, diseño visual, prototipos clicables, guía de estilo.
  • Truco: usa Auto Layout y componentes; tu diseño se parecerá mucho más a cómo funciona CSS (flexbox).
  • Para el cliente: comparte el enlace con permiso de "puede comentar".
  • Dev Mode / Inspect: obtienes medidas, colores y CSS de cada elemento.

Penpot ​

Alternativa de código abierto a Figma, gratuita y con exportación a CSS. Buena opción si prefieres software libre.

Excalidraw ​

Pizarra con estilo "dibujado a mano", perfecta para wireframes rápidos y diagramas durante una llamada.

Gestión de proyectos ​

Trello (tableros Kanban) ​

Tarjetas que se mueven entre columnas. Muy intuitivo para clientes no técnicos.

txt
Tablero: Dental Sonrisa
┌────────────┬─────────────┬──────────────┬──────────────┬───────────┐
│ Pendiente  │ En progreso │ En revisión  │ Aprobado     │ Bloqueado │
│            │             │ (cliente)    │              │ (falta    │
│ - Blog     │ - Página    │ - Diseño     │ - Wireframes │  material)│
│ - SEO      │   Servicios │   Inicio     │ - Guía estilo│ - Fotos   │
└────────────┴─────────────┴──────────────┴──────────────┴───────────┘

Notion ​

Documentos + bases de datos + tableros en un solo lugar. Ideal para tener por cliente: brief, documento de alcance, accesos (sin contraseñas, esas van en el gestor), tareas, actas de reunión y manual de usuario.

Estructura sugerida de tu "sistema operativo" en Notion:

txt
🏠 Mi negocio
├── 📇 CRM (base de datos de prospectos: nombre, estado, fecha de seguimiento)
├── 📁 Proyectos
│   └── Dental Sonrisa
│       ├── Brief y alcance
│       ├── Tareas (tablero)
│       ├── Reuniones (notas y acuerdos)
│       └── Manual de usuario
├── 🧩 Plantillas (cotización, contrato, cuestionario, reporte semanal)
└── 💰 Finanzas (pagos recibidos, gastos, impuestos)

ClickUp y GitHub Projects ​

ClickUp es muy completo (tiempos, dependencias, vistas de Gantt). GitHub Projects te permite gestionar tareas junto a los issues y pull requests del repositorio, ideal si el cliente también es técnico.

Desarrollo ​

VS Code ​

El editor más usado. Extensiones recomendadas:

  • Prettier (formato automático) y ESLint (errores en JS/TS).
  • Live Server o el servidor de desarrollo de Vite.
  • GitLens (historial de Git en línea).
  • Error Lens (errores visibles en la línea).
  • Extensiones del framework que uses (Vue - Official, Tailwind CSS IntelliSense, PHP Intelephense…).

Git y GitHub ​

  • Un repositorio por proyecto, privado.
  • Commits descriptivos: feat: formulario de citas, fix: menú móvil no cerraba.
  • README con instrucciones para instalar y desplegar.
  • Al terminar el proyecto puedes transferir el repositorio al cliente o darle acceso.
  • GitHub Actions para desplegar automáticamente (ver CI/CD).

Comunicación ​

  • Google Meet / Zoom: reuniones con pantalla compartida. Graba las capacitaciones (con permiso).
  • WhatsApp Business: separa lo personal de lo laboral, configura mensaje de ausencia y horario de atención.
  • Loom: graba videos cortos de tu pantalla explicando un avance o cómo usar el panel. Un video de 3 minutos ahorra una reunión de 30.
  • Correo: para todo lo que deba quedar por escrito (aprobaciones, cambios, entregas).

Define canales y horarios desde el principio

"Para temas urgentes, WhatsApp. Para aprobaciones y cambios, correo. Respondo de lunes a viernes de 9 a 18 h." Dilo en la primera reunión y ponlo en el contrato. Evitarás mensajes a las 11 de la noche.

Agenda ​

Calendly o Cal.com (este último de código abierto): compartes un enlace y el cliente elige un horario libre en tu calendario. Se acabó el "¿te queda el martes? ¿y el miércoles?".

Control de tiempo ​

Toggl Track o Clockify: inicia un cronómetro al trabajar en cada tarea. Aunque cobres por proyecto, registrar tu tiempo te permite:

  • Saber si un proyecto fue rentable.
  • Estimar mejor los siguientes (ver Cotizar).
  • Justificar horas extra en cambios fuera de alcance.

Cobros y finanzas ​

HerramientaPara qué
Transferencia bancariaClientes locales; sin comisiones o muy bajas.
StripeCobros con tarjeta, enlaces de pago, suscripciones (planes de mantenimiento).
PayPalMuy conocido por clientes internacionales; comisiones altas.
WiseRecibir dólares o euros con buen tipo de cambio.
Mercado PagoMuy usado en Latinoamérica para cobros con tarjeta y enlaces de pago.
Software de facturaciónSegún tu país (facturación electrónica obligatoria en muchos países).

Lleva una hoja de cálculo simple con: fecha, cliente, concepto, monto, impuestos apartados, estado (pagado / pendiente).

Seguridad: gestor de contraseñas ​

Manejarás accesos de dominios, hostings, correos y paneles de muchos clientes. Nunca los guardes en un bloc de notas o en el chat.

  • Bitwarden (código abierto, plan gratuito muy completo) o 1Password.
  • Crea una bóveda o colección por cliente.
  • Activa autenticación de dos factores en todo.
  • Al terminar el proyecto, comparte la bóveda con el cliente y cambia las contraseñas que conocías si el cliente lo solicita.

Nunca pidas ni envíes contraseñas por WhatsApp o correo sin cifrar

Usa la función de compartir del gestor de contraseñas o enlaces que se autodestruyen. Mejor aún: pide al cliente que te invite como usuario con tus propias credenciales (la mayoría de los hostings, registradores y Google lo permiten).

Flujo de ejemplo con todo junto ​

txt
1. Prospecto llega por WhatsApp → lo registro en el CRM de Notion.
2. Le envío enlace de Calendly → agenda la reunión en Google Meet.
3. Le envío el cuestionario (Google Forms / Tally).
4. Preparo cotización con mi plantilla de Notion → la presento en llamada.
5. Acepta → contrato por firma electrónica + enlace de pago de Stripe
   o datos de transferencia para el anticipo.
6. Creo: carpeta en Drive para su material, repo privado en GitHub,
   tablero en Trello compartido con el cliente, colección en Bitwarden.
7. Wireframes y diseño en Figma → el cliente comenta ahí mismo.
8. Desarrollo con VS Code + Git; vista previa automática en Vercel/Netlify.
9. Cada viernes: reporte semanal por correo + video Loom si hay mucho
   que mostrar.
10. Toggl registra todas mis horas.
11. Entrega: capacitación grabada, manual en Notion, accesos vía Bitwarden.
12. Factura del pago final y alta en el plan de mantenimiento (Stripe
    con cobro recurrente).

Ejercicios ​

  1. Elige una herramienta por categoría (diseño, gestión, código, agenda, tiempo, cobros, contraseñas) y justifica tu elección.
  2. Crea en Trello o Notion un tablero para un proyecto ficticio con al menos 10 tareas.
  3. Graba con Loom (o la grabadora de tu sistema) un video de 2 minutos explicando un proyecto tuyo como si fuera un reporte para un cliente.
Ver solución (ejemplo)
  1. Figma (estándar, el cliente comenta fácil), Notion (todo en un lugar), VS Code + GitHub, Cal.com (gratis), Clockify (gratis e ilimitado), transferencia + Stripe, Bitwarden (gratis y de código abierto).
  2. Tareas como: reunión inicial, cuestionario, alcance, contrato, anticipo, wireframes, diseño inicio, diseño interiores, maquetación, formulario, SEO, QA, capacitación, publicación.
  3. Estructura del video: qué se hizo, demostración en pantalla, qué sigue, qué necesitas del cliente.

Resumen ​

  • Elige una herramienta por rol y crea un flujo repetible.
  • Figma/Penpot para diseño; Trello/Notion para gestión; VS Code + Git/GitHub para código.
  • Calendly/Cal.com, Loom y canales definidos mejoran la comunicación.
  • Mide tu tiempo con Toggl o Clockify aunque cobres por proyecto.
  • Contraseñas siempre en un gestor (Bitwarden, 1Password) con 2FA.
  • Siguiente: Entrega y capacitación.

Academia Web — aprende, copia y construye.