Cómo crear un botón en Adobe XD

Aquí, se le dirigirá a través de los pasos para crear un botón simple con un relleno sólido y algo de texto en Adobe XD. Siga estos sencillos pasos.

Seleccione la herramienta Rectángulo, haga clic y arrastre para crear un rectángulo de cualquier tamaño en una mesa de trabajo.
En este ejemplo, se selecciona la plantilla estándar de iPhone 6.

Con el rectángulo aún activo, escriba 200 en el cuadro de texto Ancho y 70 en el cuadro de texto Alto. Presione Tab después de escribir cada uno para confirmar el valor.

Aplicar un relleno sólido

Aquí, agrega un color de relleno sólido a su forma:

Asegúrate de que tu rectángulo aún esté seleccionado. Haga clic en el cuadro blanco a la izquierda de Rellenar en el panel Propiedades para abrir el selector de color.

Desplácese por los colores haciendo clic y arrastrando el control deslizante de Tono. Después de haber ingresado el color de tono que le gusta, haga clic en un color en el panel de color para aplicarlo a su rectángulo.

Puede guardar colores que podría usar con frecuencia haciendo clic en el signo más Guardar muestra de color en la parte inferior del selector de color.

Puede aplicar transparencia a su relleno usando el control deslizante en el lado derecho de la ventana del selector de color.

Desmarque la casilla de verificación a la izquierda de Borde para eliminar el trazo alrededor del rectángulo.

Aplica un color con el selector de color. Guarde un color haciendo clic en el signo Guardar muestra de color +.

Redondeando tus esquinas

Puede dejar las esquinas cuadradas o seguir cualquiera de los siguientes pasos para redondear las esquinas de la forma:

• Puede redondear las esquinas visualmente haciendo clic y arrastrando los widgets de las esquinas dentro de las esquinas de los rectángulos.

  Haga clic y arrastre los widgets de las esquinas para redondear sus esquinas.

Mantenga presionada la tecla Alt (Windows) u Opción (Mac OS) y arrastre un radio de esquina para convertirlo en un valor independiente.

• También puede ingresar valores para su radio de esquina ingresando valores en los cuadros de texto Radios de esquina en el panel Propiedades.

  Ingrese valores en el panel Propiedades para agregar diferentes tamaños en el radio de la esquina.

Agregar texto a su botón

Ahora agrega el texto al botón:

Seleccione la herramienta Texto en el panel Herramientas y luego haga clic dentro de su botón. Aparece un cursor de texto. No se preocupe por la ubicación exacta del cuadro de texto porque se puede mover más tarde.

Escriba la palabra Enviar y luego seleccione el texto presionando Ctrl + A (Windows) o Comando + A (Mac).

Con la palabra seleccionada, cambie las propiedades en el área Texto del panel Propiedades para seleccionar una fuente y un tamaño de letra que desee. También puede cambiar la alineación seleccionando los botones Alinear a la izquierda, Centro o Alinear a la derecha.

Puede seleccionar su tamaño de fuente actual en el cuadro de texto Tamaño de fuente y presionar la flecha hacia arriba o hacia abajo para aumentar o disminuir el tamaño de fuente.

Haga clic en el cuadro de relleno para cambiar el color de su texto.

Seleccione sus propiedades de tipo usando la sección Texto en el panel Propiedades.