{"id":6745,"date":"2022-05-23T15:55:47","date_gmt":"2022-05-23T20:55:47","guid":{"rendered":"https:\/\/giovanirodriguez.dev\/?post_type=resources&#038;p=6745"},"modified":"2022-06-09T16:06:29","modified_gmt":"2022-06-09T21:06:29","slug":"free-figma-bootstrap-5-ui-kit-2","status":"publish","type":"resources","link":"https:\/\/giovanirodriguez.dev\/es\/resources\/free-figma-bootstrap-5-ui-kit-2\/","title":{"rendered":"Free Figma Bootstrap 5 UI Kit"},"content":{"rendered":"\n<p>Si est\u00e1s buscando componentes que te ayuden a dise\u00f1ar m\u00e1s r\u00e1pido, necesitas conocer el kit de interfaz de usuario de Figma Bootstrap. Sigue leyendo para aprender mas:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-147a1f0f-57af-4a54-970e-2218f7f7c179\">Acerca del Kit<\/h3>\n\n\n\n<p id=\"block-5808ca6d-331a-4cad-94cd-ff79b27df3b6\"><strong>Figma Bootstrap UI Kit<\/strong> comprende m\u00e1s de 300 componentes Bootstrap 5 que est\u00e1n construidos con un sistema de dise\u00f1o at\u00f3mico y dise\u00f1o autom\u00e1tico. Usando el panel de Activos, puede arrastrar y soltar componentes listos para usar en su proyecto de Figma. Config\u00farelos en la barra lateral derecha. Sencillo y r\u00e1pido, como deber\u00eda ser.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\" id=\"block-bd2a4340-0f04-4953-a322-7e4a750f9426\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/image-15.png\" alt=\"Diferentes componentes del kit de interfaz de usuario Figma Bootstrap 5\" width=\"682\" height=\"298\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 682px; --smush-placeholder-aspect-ratio: 682\/298;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/image-15.png\" alt=\"Diferentes componentes del kit de interfaz de usuario Figma Bootstrap 5\" width=\"682\" height=\"298\"\/><\/noscript><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-39d2ea41-a3a7-4c68-b682-e583e70f30be\">Caracter\u00edsticas:<\/h3>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-66606f46-59c6-4fd6-8f00-79dafe9b26f8\"><li><strong>Dise\u00f1o autom\u00e1tico<\/strong><\/li><\/ul>\n\n\n\n<p id=\"block-fba6e8f8-5b26-4133-b2dc-6cc1321a112c\">Con esta funci\u00f3n, puede crear f\u00e1cil y r\u00e1pidamente un sitio web o una aplicaci\u00f3n, lo que le permite ahorrar tiempo y dinero.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-980237a9-f84b-4c61-9d02-1698b9dba351\"><li><strong>Cambio de tama\u00f1o sin esfuerzo<\/strong><\/li><\/ul>\n\n\n\n<p id=\"block-f25aa864-5e8b-4bdb-b07b-2881324ed433\">Tan f\u00e1cil como eso. \u00a1Cambie el tama\u00f1o de cualquier componente horizontal o verticalmente como un profesional!<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-3466d6a8-90b1-4e6d-9669-ff70abacb5dc\"><li><strong>M\u00e1s de 300 componentes organizados de Bootstrap 5 construidos con dise\u00f1o at\u00f3mico<\/strong><\/li><\/ul>\n\n\n\n<p id=\"block-10ca7a0b-98ca-41c0-9f5d-9c197bf54b82\">Es un conjunto de componentes organizado y listo para usar que incluye una convenci\u00f3n de nomenclatura coherente, que le permite buscar e importar con facilidad.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-4e9bf192-986c-4fdc-97fa-0a6ae15796c2\"><li><strong>Consistencia de dise\u00f1o y desarrollo<\/strong><\/li><\/ul>\n\n\n\n<p id=\"block-b11d9183-9b4f-4778-90e0-5a4189d8b3eb\">Las capas y los grupos est\u00e1n hechos para coincidir con los nombres de las clases de Bootstrap, y los componentes se organizan exactamente como se especifica en la documentaci\u00f3n de Bootstrap. Con \u00e9l, tiene la capacidad de mejorar su flujo de trabajo entre el dise\u00f1ador y el desarrollador, y mantenerse por delante de la competencia.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-f660d3ed-f256-4a3d-ae07-8a7dcc19088d\"><li><strong>F\u00e1cilmente personalizable<\/strong><\/li><\/ul>\n\n\n\n<p id=\"block-9eeff5ca-df51-46ff-8d29-f98f8b49e737\">En Figma Boostrap UI Kit, puede personalizar f\u00e1cilmente los colores, la tipograf\u00eda y el radio del borde para una presentaci\u00f3n limpia y consistente en todas partes a trav\u00e9s del cambio instant\u00e1neo. El componente tambi\u00e9n se puede actualizar r\u00e1pidamente con respecto a su estado, lo cual es bastante \u00fatil.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-a56d8ea0-454f-4c99-861d-786b92ffea1a\">Conclusi\u00f3n<\/h3>\n\n\n\n<p id=\"block-a1ad5ca5-7628-4089-9d81-a839285ada25\">Este kit de interfaz de usuario de Figma Bootstrap es una biblioteca poderosa y f\u00e1cil de usar para Figma que consta de componentes y \u00e1tomos organizados por categor\u00eda. Adem\u00e1s, incluye algunos de los colores, cuadr\u00edculas y tipograf\u00eda de Bootstrap, para que pueda personalizarlos r\u00e1pida y f\u00e1cilmente para su marca o producto.<\/p>\n\n\n\n<p id=\"block-246a1a3d-d2d7-4ac4-b5b5-917d577ac6c6\">\u00bfLo recomendamos? Por supuesto.<\/p>\n\n\n\n<p id=\"block-5ba41095-36b2-47af-adb9-0c4d016a4bfc\">Mira la demostraci\u00f3n <a href=\"https:\/\/www.youtube.com\/watch?v=r6xTC0_O5cE\" target=\"_blank\" rel=\"noreferrer noopener\">aqui<\/a>.<\/p>\n\n\n\n<p><strong>Contin\u00faa leyendo:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/giovanirodriguez.dev\/es\/resources\/invision-app-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">InVision App<\/a><\/li><li><a href=\"https:\/\/giovanirodriguez.dev\/es\/resources\/humaaans-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Humaaans<\/a><\/li><\/ul>\n","protected":false},"template":"","resource-category":[255],"class_list":["post-6745","resources","type-resources","status-publish","has-post-thumbnail","hentry","resource-category-componente-de-boceto"],"_links":{"self":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/resources\/6745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/resources"}],"about":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/types\/resources"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/media\/1588"}],"wp:attachment":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/media?parent=6745"}],"wp:term":[{"taxonomy":"resource-category","embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/resource-category?post=6745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}