Therapeutic drugs can penetrate tissues by diffusion and advection. In a healthy tissue, the interstitial fluid is composed of an influx of nutrients and oxygen from blood vessels. In the case of cancerous tissue, the interstitial fluid is poorly drained because of the lack of lymphatic vasculature, resulting in an increase in interstitial pressure. Furthermore, cancer cells invade healthy tissue by pressing and pushing the surrounding environment, creating an increase in pressure inside the tumor area. This results in a large differential pressure between the tumor and the healthy tissue, leading to an increase in extracellular matrix (ECM) stiffness. Because of high interstitial pressure in addition to matrix stiffening, penetration and distribution of systemic therapies are limited to diffusion, decreasing the efficacy of cancer treatment. This work reports on the development of a microfluidic system that mimics in vitro healthy and cancerous microenvironments using collagen I and gelatin methacryloyl (GelMA) composite hydrogels. The microfluidic device developed here contains a simplistic design with a central chamber and two lateral channels. In the central chamber, hydrogel composites were used to mimic the ECM, whereas lateral channels simulated capillary vessels. The transport of fluorescein sodium salt and fluorescently labeled gold nanoparticles from capillary-mimicking channels through the ECM-mimicking hydrogel was explored by tracking fluorescence. By tuning the hydrogel composition and concentration, the impact of the tumor microenvironment properties on the transport of those species was evaluated. In addition, breast cancer MCF-7 cells were embedded in the hydrogel composites, displaying the formation of 3D clusters with high viability and, consequently, the development of an in vitro tumor model.