Draft 1.0.0-beta.6

Fixed

• Signing out no longer deletes the projects saved on your computer. They stay where they are, tied to your account.
• Deleting your account no longer removes the projects from your computer either.

Draft 1.0.0-beta.5

Fixed

• Continue with Google now signs you in on Windows.
• If Google sign-in cannot be completed, Draft now tells you instead of doing nothing.

Draft 1.0.0-beta.4

What's new

• Draft now asks you once, the first time you open it, if you want to send error reports to help us fix problems. It stays off until you say yes, it never includes your projects or personal data, and you can change it in Settings.
• When you create your account you now accept the terms of use and the privacy policy.
• The website has a new documentation section: draftapp.dev.

Fixed

• Continue with Google now works on Windows.

Draft 1.0.0-beta.3

What's new

• Error reports: Draft can now send the errors it runs into so we can fix them. It is off by default, it never includes your projects or personal data, and you turn it on in Settings.
• When you create your account you now accept the terms of use and the privacy policy.
• The website has a new documentation section: draftapp.dev.

Note: Continue with Google does not work on Windows in this version. Please install the next one.

Draft 1.0.0-beta.2

Agregado

• La app de Windows se actualiza sola: junto a las notificaciones del Inicio aparece la versión instalada con un punto (verde: al día; de color: hay una nueva), y en Ajustes, "Actualizaciones". Al abrirse, Draft busca una versión nueva y, si la hay, la ofrece con sus novedades: "Actualizar ahora" la descarga, comprueba que el archivo sea el correcto, la instala y vuelve a abrir Draft; "Más tarde" la vuelve a ofrecer la próxima vez. Para eso Draft ahora tiene un instalador para Windows (por usuario, sin pedir permisos de administrador), que conserva los proyectos al actualizar.
• Copiar código de un widget: clic derecho sobre cualquier widget o grupo → "Copiar código". Se abre una ventana con la vista previa en vivo (responde como en la Vista previa) y el código Flutter de ese widget como una clase lista para pegar, con su nombre editable, Copiar y Descargar .dart, y qué paquete necesita. El código conserva el comportamiento: la tarjeta de pago y la Flip Card se dan vuelta, el selector de colores elige, el PIN y los teclados escriben en sus campos, y los logos a color van dentro como SVG.
• Teclado del diseño ("Keyboard", en "Formularios"): un teclado de teléfono QWERTY con ñ (o en inglés), estilo iOS o Android, claro u oscuro, que nace fijado abajo de la página, a todo el ancho, y el contenido le deja lugar. En la Vista previa escribe de verdad: ⇧ pone la siguiente letra en mayúscula, 123 muestra números y signos, ⌫ borra. Escribe en el campo o texto elegido en "Escribe en…" o, si no hay ninguno, en el último campo tocado con la opción nueva "Usar el teclado del diseño" de los campos de texto, que además evita que se abra el teclado del sistema. El teclado numérico también escribe en ese campo.
• Teclado numérico ("Numeric Keypad", en "Formularios"): el teclado de 3 × 4 que muestran las apps de bancos y pagos. Tres estilos (teclas con fondo, círculos o solo números), una tecla junto al 0 (punto, coma o huella), letras de teléfono opcionales y sus colores. En "Escribe en…" se elige un campo de texto, un PIN o un texto de la página: en la Vista previa cada tecla escribe ahí, ⌫ borra y mantenerlo borra todo. Un PIN o un campo con máximo no reciben más caracteres que los suyos, y al duplicar un campo junto con su teclado, la copia escribe en la copia.
• Selector de colores ("Color Selector", en "Formularios"): una fila de colores para elegir uno, como los colores de un producto. Se agregan, cambian y quitan colores en Propiedades; la forma (círculo, redondeado o cuadrado), el tamaño, la separación, el color del aro y una tilde opcional en el elegido. En la Vista previa, tocar un color lo elige.
• Tarjeta de pago ("Payment Card", en "Listas y tarjetas"): una tarjeta bancaria lista para usar, con cuatro estilos (degradado, vidrio, oscura y metálica), horizontal o vertical, chip, símbolo de pago sin contacto y marca (Visa, Mastercard o American Express). Se editan el banco, el número (o solo los últimos 4 dígitos), el titular, el vencimiento y el CVV del dorso. En la Vista previa, tocarla la da vuelta.
• Biblioteca de íconos mucho más grande: todos los íconos Material (más de 6.600, en estilo normal, redondeado y con contorno; categoría "Material") y 64 logos a color: pagos (Visa, Mastercard, PayPal, Apple Pay…), cripto (Bitcoin, Ethereum, USDT, USDC…), banderas de 30 países y redes sociales (WhatsApp, YouTube, Telegram…). Los logos se ven a color en el ícono, el botón y el botón de ícono. La búsqueda encuentra todo, y las banderas también por el nombre del país en español o inglés.
• Efecto vidrio: marcos, tarjetas, App Bar, barras de navegación, botones, campos y chips pueden desenfocar lo que tienen detrás ("Efecto vidrio" en Propiedades, con intensidad de 1 a 30). Al activarlo, un fondo opaco pasa a semitransparente para que se vea el vidrio.
• Borde especial en cualquier widget: sección nueva en Propiedades con cuatro estilos. "Degradado" es un borde con los colores de un degradado. "Colores que giran", "Brillo que late" y "Destello que recorre" son bordes animados. Se eligen los colores, el grosor y la velocidad. Los animados se mueven en la Vista previa; en el lienzo se ven quietos.

Cambiado

• Selector de íconos más ordenado: las veinte categorías en una fila pasaron a tres pestañas (Íconos, Logos y Material) y un solo menú para filtrar por categoría o, en Material, elegir el estilo. La grilla muestra cada categoría con su título. La búsqueda sigue buscando en toda la biblioteca y dice cuántos resultados encontró.
• Un dedo mueve el lienzo en el móvil: antes, arrastrar un dedo sobre el espacio vacío dibujaba el cuadro de selección y el lienzo solo se movía con dos dedos. Ahora un dedo lo mueve; para seleccionar varios widgets, se mantiene el dedo quieto medio segundo y después se arrastra. Arrastrar un widget lo sigue moviendo.
• "Modo de interacción" de Ajustes funciona: se guardaba pero el editor no lo usaba. Automático: lo de arriba. Stylus prioritario: después de usar un lápiz, el dedo solo mueve el lienzo y el lápiz edita. Táctil: el dedo funciona como un mouse (arrastrar sobre vacío dibuja el cuadro de selección). Ajustes explica debajo qué hace el modo elegido.

Corregido

• Exportar a Dart un widget dentro de un marco: si antes había estado suelto en la página, salía envuelto en Positioned y el código fallaba dentro de la fila o columna. Además, la exportación de páginas ahora lleva la Flip Card, el PIN, la tarjeta con su dorso y los teclados que escriben.
• Pestañas del selector de íconos: al hacer clic en una pestaña, dos se veían resaltadas a la vez. Ahora solo se resalta la elegida, y las demás muestran el resaltado normal al pasar el mouse.
• Arrastrar una sección sobre una tarjeta: al arrastrar una sección de la paleta sobre la parte de arriba de una tarjeta que ya estaba en la página, la guía se dibujaba adentro de la tarjeta y la sección terminaba al final de la página. Ahora la guía queda entre los elementos y la sección entra donde la marca.
• Arrastrar el App Bar desde la paleta no lo colocaba: en una página nueva solo funcionaba con un clic. Ahora el App Bar, la barra de navegación inferior y las secciones ancladas (como Chat Header) se colocan al arrastrarlas, pegadas a su borde, igual que con el clic.
• Papelera entre dispositivos: un proyecto eliminado definitivamente en un dispositivo seguía apareciendo en la papelera de los otros, porque en la nube quedaba igual que uno solo enviado a la papelera. Ahora lleva una marca de "eliminado" y cada dispositivo borra su copia al sincronizar. Lo mismo con las páginas borradas desde el editor. Los proyectos eliminados antes de este arreglo hay que eliminarlos una vez más en los otros dispositivos.