![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 0 7.5 C 0 3.358 3.358 0 7.5 0 L 16.5 0 C 20.642 0 24 3.358 24 7.5 L 24 16.5 C 24 20.642 20.642 24 16.5 24 L 7.5 24 C 3.358 24 0 20.642 0 16.5 Z M 12 24 C 18.627 24 24 18.627 24 12 C 24 5.373 18.627 0 12 0 C 5.373 0 0 5.373 0 12 C 0 18.627 5.373 24 12 24 Z M 24 12 C 24 18.628 18.627 24 12 24 C 5.373 24 0 18.628 0 12 C 0 5.373 12 12 12 12 C 12 12 21.082 12 24 12 Z M 0 12 C 0 5.373 5.373 0 12 0 L 12 12 C 12 12 4.174 12 0 12 Z M 7.143 4.174 L 7.92 6.566 L 10.435 6.566 L 8.4 8.044 L 9.177 10.435 L 7.143 8.957 L 5.109 10.435 L 5.886 8.044 L 3.852 6.566 L 6.366 6.566 Z" fill="transparent" height="24.000199888712565px" id="flZ3tHdbc" width="24px"><path d="M 0 7.5 C 0 3.358 3.358 0 7.5 0 L 16.5 0 C 20.642 0 24 3.358 24 7.5 L 24 16.5 C 24 20.642 20.642 24 16.5 24 L 7.5 24 C 3.358 24 0 20.642 0 16.5 Z" fill="transparent" height="24px" id="t6nyp6mgD" width="24px"/><path d="M 12 24 C 18.627 24 24 18.627 24 12 C 24 5.373 18.627 0 12 0 C 5.373 0 0 5.373 0 12 C 0 18.627 5.373 24 12 24 Z" fill="rgb(240, 240, 240)" height="23.99997793px" id="yXfYzXXuH" transform="translate(0 0)" width="24px"/><path d="M 24 2.946 C 24 9.573 18.627 14.946 12 14.946 C 5.373 14.946 0 9.573 0 2.946 C 0 -3.682 12 2.946 12 2.946 C 12 2.946 21.082 2.946 24 2.946 Z" fill="rgb(216, 0, 39)" height="14.945506666666665px" id="Wc_3wOEAA" transform="translate(0 9.055)" width="24px"/><path d="M 0 12 C 0 5.373 5.373 0 12 0 L 12 12 C 12 12 4.174 12 0 12 Z" fill="rgb(0, 82, 180)" height="11.99997793px" id="fvujXqA_4" transform="translate(0 0)" width="12px"/><path d="M 3.292 0 L 4.069 2.391 L 6.583 2.391 L 4.549 3.869 L 5.326 6.261 L 3.292 4.783 L 1.257 6.261 L 2.034 3.869 L 0 2.391 L 2.515 2.391 Z" fill="rgb(240, 240, 240)" height="6.26093px" id="UojhfF4Jr" transform="translate(3.852 4.174)" width="6.583139999999999px"/></g><path d="M 0 11.5 C 0 5.149 5.149 0 11.5 0 C 17.851 0 23 5.149 23 11.5 C 23 17.851 17.851 23 11.5 23 C 5.149 23 0 17.851 0 11.5 Z" fill="transparent" height="23px" id="xvXpqjskr" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(250, 250, 250)" transform="translate(0.5 0.5)" width="23px"/></svg>)
Tutorial de Google Stitch: diseña interfaces con AI y exportalas a Claude Code
Aprendé a usar Google Stitch para generar interfaces limpias de mobile y web a partir de una descripción, y a exportarlas por MCP directo a tu entorno de código.
Por qué conviene separar el momento del diseño del momento del código
Cómo describir tu app y elegir entre formato mobile o web
Cómo sumar referencias visuales para guiar el estilo
Cómo exportar el diseño por MCP hacia Claude Code
Todos los formatos de exportación y cuándo usar cada uno
Descargá el ebook gratis
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 336 40" xmlns="http://www.w3.org/2000/svg"><path d="M 20.036 0 C 30.522 0 38.557 7.461 39.88 17.181 L 28.148 17.181 C 27.04 13.733 23.925 11.404 20.036 11.404 C 15.097 11.404 11.433 15.076 11.433 20.028 C 11.433 24.979 15.097 28.651 20.036 28.651 C 23.947 28.651 27.074 26.297 28.165 22.817 L 39.886 22.817 C 38.582 32.516 30.538 40 20.036 40 C 8.492 40 0 31.043 0 20.028 C 0 8.957 8.492 0 20.036 0 Z M 61.204 0 C 72.693 0 81.24 8.957 81.24 20.028 C 81.24 31.043 72.693 40 61.204 40 C 49.659 40 41.167 31.043 41.167 20.028 C 41.167 8.957 49.659 0 61.204 0 Z M 61.204 28.651 C 66.088 28.651 69.751 24.979 69.751 20.028 C 69.751 15.076 66.088 11.405 61.204 11.405 C 56.264 11.405 52.601 15.076 52.601 20.028 C 52.601 24.979 56.264 28.651 61.204 28.651 Z M 98.783 0.723 C 110.327 0.723 118.486 8.957 118.486 20.028 C 118.486 30.876 110.161 39.277 98.616 39.277 L 82.521 39.277 L 82.521 0.723 Z M 98.616 28.261 C 103.723 28.261 107.053 24.979 107.053 20.028 C 107.053 15.076 103.723 11.794 98.616 11.794 L 93.899 11.794 L 93.899 28.261 Z M 145.336 11.905 L 130.905 11.905 L 130.905 15.577 L 145.336 15.577 L 145.336 24.534 L 130.905 24.534 L 130.905 27.983 L 145.336 27.983 L 145.336 39.277 L 119.527 39.277 L 119.527 0.723 L 145.336 0.723 Z M 169.615 23.977 L 177.271 39.277 L 163.118 39.277 L 160.05 25.035 L 158.234 25.035 L 158.234 39.277 L 146.856 39.277 L 146.856 0.723 L 162.619 0.723 C 169.834 0.723 175.717 5.786 175.717 13.185 C 175.717 17.858 172.723 22.086 169.615 23.977 Z M 161.453 17.024 C 163.229 17.024 164.339 16.022 164.339 14.298 C 164.339 12.629 163.229 11.516 161.453 11.516 L 158.234 11.516 L 158.234 17.024 Z M 199.477 0.723 L 210.855 0.723 L 210.855 39.277 L 199.477 39.277 L 199.477 24.701 L 189.93 24.701 L 189.93 39.277 L 178.552 39.277 L 178.552 0.723 L 189.93 0.723 L 189.93 14.576 L 199.477 14.576 Z M 240 38.49 C 237.622 39.463 234.985 40 232.172 40 C 229.345 40 226.701 39.463 224.32 38.49 Z M 246.166 34.472 C 245.571 35.046 244.938 35.583 244.271 36.079 L 220.048 36.079 C 219.382 35.583 218.75 35.046 218.155 34.472 Z M 249.358 30.454 C 249.026 31.008 248.668 31.544 248.284 32.061 L 216.043 32.061 C 215.66 31.544 215.302 31.008 214.971 30.454 Z M 226.269 26.436 C 227.011 27.119 227.883 27.664 228.854 28.043 L 213.747 28.043 C 213.525 27.519 213.322 26.983 213.144 26.436 Z M 251.194 26.436 C 251.015 26.983 250.811 27.519 250.588 28.043 L 235.458 28.043 C 236.422 27.664 237.288 27.119 238.027 26.436 Z M 223.872 22.418 C 224.02 22.983 224.221 23.52 224.47 24.025 L 212.519 24.025 C 212.416 23.497 212.333 22.961 212.271 22.418 Z M 252.071 22.418 C 252.009 22.961 251.926 23.497 251.823 24.025 L 239.819 24.025 C 240.067 23.52 240.268 22.983 240.416 22.418 Z M 232.172 0 C 243.653 0 252.197 8.946 252.208 20.008 L 240.718 20.008 C 240.709 15.066 237.049 11.404 232.172 11.404 C 227.239 11.404 223.579 15.066 223.569 20.008 L 212.135 20.008 C 212.146 8.946 220.634 0 232.172 0 Z M 269.64 0.362 L 281.184 0.362 L 281.184 26.064 C 281.184 33.574 276.133 39.638 267.308 39.638 C 258.539 39.638 253.489 33.574 253.489 26.064 L 253.489 0.362 L 265.033 0.362 L 265.033 25.229 C 265.033 26.676 265.699 27.955 267.308 27.955 C 268.974 27.955 269.64 26.676 269.64 25.229 Z M 302.594 16.94 C 305.925 18.609 309.199 21.836 309.199 26.843 C 309.199 34.353 303.76 39.973 295.601 39.973 C 287.498 39.973 282.225 34.131 282.225 26.843 L 282.225 25.563 L 292.438 25.563 L 292.438 26.286 C 292.438 28.234 293.437 29.847 295.379 29.847 C 296.933 29.847 297.932 28.901 297.932 27.51 C 297.932 26.453 297.377 25.73 296.434 25.229 L 289.052 21.502 C 285.666 19.833 282.669 15.939 282.669 11.321 C 282.669 4.979 287.775 0.028 295.712 0.028 C 303.76 0.028 308.533 5.146 308.533 11.099 L 308.533 12.601 L 299.042 12.601 L 299.042 12.156 C 299.042 10.654 297.932 9.152 296.045 9.152 C 294.491 9.152 293.659 10.042 293.659 11.21 C 293.659 12.489 294.547 12.935 295.324 13.268 Z M 321.618 11.905 L 336.049 11.905 L 336.049 0.723 L 310.24 0.723 L 310.24 39.277 L 336.049 39.277 L 336.049 27.983 L 321.618 27.983 L 321.618 24.534 L 336.049 24.534 L 336.049 15.577 L 321.618 15.577 Z" fill="rgb(23, 23, 23)" height="40.000002667931795px" id="sLX_26zbq" transform="translate(-0.407 0.059)" width="336.0489385567188px"/></svg>)