Saltar al contenido
WebViewGold Del vibe coding a la App Store
Español
Consigue WebViewGold

Figma Make + login

Login con Google y Sign in with Apple en tu app de Figma Make

Las apps de Figma Make suelen usar Supabase Auth mediante la integración de Figma Make, o ninguna para apps de contenido. El inicio de sesión con email y contraseña funciona sin cambios dentro de una app WebViewGold. Google y otros proveedores OAuth bloquean los WebViews integrados, y Apple añade una regla propia. Así consigues que todos los métodos de inicio de sesión funcionen en la app sin tocar tu código de autenticación.

Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.

  • Garantía de aprobación – o te devolvemos el dinero en 14 días
  • Sin programar
  • Pago único, actualizaciones gratuitas
  • Soporte humano 24/7
  • Hecho en Alemania desde 2014 · ISO 27001

Los tres problemas de login y cómo resolverlos

Google dice "disallowed_useragent"

Google rechaza OAuth dentro de WebViews integrados. El Social Login Helper de WebViewGold detecta la URL de inicio de sesión de Google (y de Facebook), ejecuta ese paso en una ventana de login dedicada con un user agent aceptado y luego vuelve a tu app. Un solo ajuste, sin cambios en Figma Make.

Directriz 4.8 de Apple

Si la app iOS ofrece login con Google, Facebook o GitHub, Apple exige una opción equivalente que respete la privacidad, normalmente Sign in with Apple. Activa el proveedor de Apple en Supabase Auth mediante la integración de Figma Make, o ninguna para apps de contenido, añade el botón y WebViewGold gestiona automáticamente el flujo de appleid.apple.com.

Los enlaces mágicos abren el navegador

Los enlaces mágicos por email y los restablecimientos de contraseña se abren en Safari o Chrome en lugar de en la app. Con Universal Links (iOS) y App Links (Android), WebViewGold dirige los enlaces de tu dominio a la app y mantiene allí la sesión.

Prompt para Figma Make

Pega esto en Figma Make para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.

Prompt para pegar en Figma Make
Prepara el flujo de inicio de sesión para el envoltorio de app WebViewGold que envuelve esta app de Figma Make. Cambia el login por email de enlace mágico a código de seis dígitos: llama a signInWithOtp de Supabase y luego muestra una pantalla para introducir el código que llame a verifyOtp con type email, con el mismo estilo visual que las pantallas existentes. Añade un botón "Continuar con Apple" junto a "Continuar con Google" usando el proveedor Apple de Supabase. Añade en la pantalla de perfil una opción "Eliminar mi cuenta" con un paso de confirmación que llame a una edge function de Supabase delete-account, que borre las filas del usuario y su cuenta de autenticación y después cierre la sesión. Mantén todos los botones funcionales, sin pantallas de relleno, y enlaza una página /privacy desde la pantalla de login.

Con una buena versión optimizada de su aplicación web, puedes tener una impresionante aplicación móvil en un par de minutos. ¡Además del servicio al cliente es muy agradable y muy útil! ¡Puedo recomendar WebViewgold :-)

Julian Koch · Cofundador de Dueldonkey · CodeCanyon

Haz que todos los métodos de login funcionen en Figma Make

Unos 30 minutos, sobre todo en los paneles de las tiendas.

  1. Activa el Social Login Helper en WebViewGold

    En Config.swift define google_login_helper_triggers (accounts.google.com) y facebook_login_helper_triggers; en Android usa GOOGLE_LOGIN_HELPER_TRIGGERS en Config.java. Prueba el login dentro de la app.

  2. Añade Sign in with Apple

    Crea un Services ID y una clave en el Apple Developer portal, activa el proveedor de Apple en Supabase Auth mediante la integración de Figma Make, o ninguna para apps de contenido y añade un botón "Continuar con Apple" junto al de Google. No hay nada que configurar en WebViewGold.

  3. Dirige los enlaces mágicos a la app

    Aloja los archivos apple-app-site-association y assetlinks.json en tu dominio, activa Universal Links / App Links en WebViewGold y asegúrate de que la URL de redirección de autenticación en Supabase Auth mediante la integración de Figma Make, o ninguna para apps de contenido apunte a tu dominio. Consulta la guía de deep links.

  4. Añade la eliminación de cuenta

    Apple (5.1.1) y Google exigen que las apps con registro permitan eliminar la cuenta dentro de la app. Añade un botón Eliminar cuenta que llame a una función del backend. Consulta la guía de eliminación de cuentas.

  5. Facilita una cuenta demo para la revisión

    En App Store Connect (App Review Information) y en Play Console (Acceso a la app) introduce credenciales de prueba para que los revisores vean la experiencia con la sesión iniciada.

Opcional: login biométrico como extra

  • WebViewGold ofrece Face ID / Touch ID y la biometría de Android con una llamada JavaScript (bioauth://). Bloquea la app al abrirla o protege las pantallas sensibles.
  • Combínalo con una sesión de larga duración en Supabase Auth mediante la integración de Figma Make, o ninguna para apps de contenido para que los usuarios desbloqueen con la cara en lugar de escribir una contraseña.
  • Más detalles: inicio de sesión biométrico para apps de Figma Make.

Preguntas frecuentes

¿Tengo que cambiar mi código de autenticación de Figma Make?

No. El Social Login Helper funciona en el lado nativo, detectando las URLs de OAuth. Lo único que se añade es el proveedor Sign in with Apple (obligatorio para Apple si ofreces otros logins sociales) y, para los enlaces mágicos, los archivos de dominio para Universal Links.

¿Es obligatorio Sign in with Apple?

Solo si tu app iOS ofrece un login de terceros como Google, Facebook o GitHub. Si los usuarios solo pueden entrar con email y contraseña o con un enlace mágico, la Directriz 4.8 no se aplica.

¿Por qué Google bloquea el login en la app?

Google bloquea OAuth en WebViews integrados por motivos de seguridad (la app anfitriona podría leer las credenciales). El Social Login Helper ejecuta el paso de Google en una ventana de confianza que Google acepta y devuelve la sesión a tu app.

¿La sesión se mantiene al reiniciar la app?

Sí. WebViewGold conserva las cookies y el almacenamiento local, así que las sesiones de Supabase Auth mediante la integración de Figma Make, o ninguna para apps de contenido se comportan igual que en el navegador.

Tres formas de llevar tu app a las tiendas

El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.

Hazlo tú mismo

$109 por plataforma, pago único

La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.

Ver planes en la página principal

Full Service

$698 por plataforma $798

Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.

Detalles del Full Service Con tecnología de WeSetupYourWebViewApp

Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.

¿Listo para lanzar tu app de Figma Make?

Garantía de aprobación en App Store & Google Play – o te devolvemos el dinero en 14 días

¿Prefieres delegarlo? Full Service: configuramos, compilamos y entregamos en 72 horas, desde $698 por plataforma. ¿Preguntas? Chatea con nosotros 24/7.

Los reembolsos se conceden bajo las condiciones indicadas en nuestras FAQ: un rechazo por motivos ajenos al contenido por parte de Apple y/o Google, reclamado dentro de los 14 días posteriores a la compra.