diff --git a/pipelined/bevy_ui2/src/entity.rs b/pipelined/bevy_ui2/src/entity.rs
index f959b265d3a29d..1e1f39e228bc72 100644
--- a/pipelined/bevy_ui2/src/entity.rs
+++ b/pipelined/bevy_ui2/src/entity.rs
@@ -1,7 +1,6 @@
-use super::Node;
 use crate::{
     widget::{Button, ImageMode},
-    CalculatedSize, FocusPolicy, Interaction, Style, CAMERA_UI,
+    CalculatedSize, FocusPolicy, Interaction, Node, Style, UiColor, UiImage, CAMERA_UI,
 };
 use bevy_ecs::bundle::Bundle;
 use bevy_render2::{
@@ -15,8 +14,8 @@ use bevy_transform::prelude::{GlobalTransform, Transform};
 pub struct NodeBundle {
     pub node: Node,
     pub style: Style,
-    pub color: crate::Color,
-    pub image: crate::Image,
+    pub color: UiColor,
+    pub image: UiImage,
     pub transform: Transform,
     pub global_transform: GlobalTransform,
 }
@@ -27,8 +26,8 @@ pub struct ImageBundle {
     pub style: Style,
     pub image_mode: ImageMode,
     pub calculated_size: CalculatedSize,
-    pub color: crate::Color,
-    pub image: crate::Image,
+    pub color: UiColor,
+    pub image: UiImage,
     pub transform: Transform,
     pub global_transform: GlobalTransform,
 }
@@ -65,8 +64,8 @@ pub struct ButtonBundle {
     pub style: Style,
     pub interaction: Interaction,
     pub focus_policy: FocusPolicy,
-    pub color: crate::Color,
-    pub image: crate::Image,
+    pub color: UiColor,
+    pub image: UiImage,
     pub transform: Transform,
     pub global_transform: GlobalTransform,
 }
diff --git a/pipelined/bevy_ui2/src/lib.rs b/pipelined/bevy_ui2/src/lib.rs
index e4739c805845c2..fa2ab742dc7df3 100644
--- a/pipelined/bevy_ui2/src/lib.rs
+++ b/pipelined/bevy_ui2/src/lib.rs
@@ -26,6 +26,7 @@ use bevy_asset::Handle;
 use bevy_ecs::schedule::{ParallelSystemDescriptorCoercion, SystemLabel};
 use bevy_input::InputSystem;
 use bevy_math::{Rect, Size};
+use bevy_render2::texture::Image;
 use bevy_transform::TransformSystem;
 use update::ui_z_system;
 
@@ -46,25 +47,25 @@ impl Plugin for UiPlugin {
             .register_type::<AlignItems>()
             .register_type::<AlignSelf>()
             .register_type::<CalculatedSize>()
-            .register_type::<Color>()
             .register_type::<Direction>()
             .register_type::<Display>()
             .register_type::<FlexDirection>()
             .register_type::<FlexWrap>()
             .register_type::<FocusPolicy>()
             .register_type::<Interaction>()
-            .register_type::<Image>()
             .register_type::<JustifyContent>()
             .register_type::<Node>()
             // NOTE: used by Style::aspect_ratio
             .register_type::<Option<f32>>()
             // NOTE: used by Image
-            .register_type::<Option<Handle<bevy_render2::texture::Image>>>()
+            .register_type::<Option<Handle<Image>>>()
             .register_type::<PositionType>()
             .register_type::<Size<f32>>()
             .register_type::<Size<Val>>()
             .register_type::<Rect<Val>>()
             .register_type::<Style>()
+            .register_type::<UiColor>()
+            .register_type::<UiImage>()
             .register_type::<Val>()
             .register_type::<widget::Button>()
             .register_type::<widget::ImageMode>()
diff --git a/pipelined/bevy_ui2/src/render/mod.rs b/pipelined/bevy_ui2/src/render/mod.rs
index ae32e18ccf93f0..7588482dad06c7 100644
--- a/pipelined/bevy_ui2/src/render/mod.rs
+++ b/pipelined/bevy_ui2/src/render/mod.rs
@@ -35,9 +35,7 @@ use bevy_window::Windows;
 use bytemuck::{Pod, Zeroable};
 use wgpu::{ImageCopyTexture, ImageDataLayout, Origin3d};
 
-use crate::Node;
-
-// bevy_sprite2::lib.rs
+use crate::{Node, UiColor, UiImage};
 
 pub mod node {
     pub const UI_PASS_DRIVER: &str = "ui_pass_driver";
@@ -136,7 +134,7 @@ pub struct ExtractedUiNodes {
 pub fn extract_uinodes(
     mut render_world: ResMut<RenderWorld>,
     images: Res<Assets<Image>>,
-    uinode_query: Query<(&Node, &GlobalTransform, &crate::Color, &crate::Image)>,
+    uinode_query: Query<(&Node, &GlobalTransform, &UiColor, &UiImage)>,
 ) {
     let mut extracted_uinodes = render_world.get_resource_mut::<ExtractedUiNodes>().unwrap();
     extracted_uinodes.uinodes.clear();
diff --git a/pipelined/bevy_ui2/src/ui_node.rs b/pipelined/bevy_ui2/src/ui_node.rs
index d9733cc07bbede..b03d4f94ea15bb 100644
--- a/pipelined/bevy_ui2/src/ui_node.rs
+++ b/pipelined/bevy_ui2/src/ui_node.rs
@@ -2,6 +2,7 @@ use bevy_asset::Handle;
 use bevy_ecs::{prelude::Component, reflect::ReflectComponent};
 use bevy_math::{Rect, Size, Vec2};
 use bevy_reflect::{Reflect, ReflectDeserialize};
+use bevy_render2::{color::Color, texture::Image};
 use serde::{Deserialize, Serialize};
 use std::ops::{Add, AddAssign};
 
@@ -259,10 +260,10 @@ pub struct CalculatedSize {
 
 #[derive(Component, Default, Copy, Clone, Debug, Reflect)]
 #[reflect(Component)]
-pub struct Color(pub bevy_render2::color::Color);
+pub struct UiColor(pub Color);
 
-impl From<bevy_render2::color::Color> for Color {
-    fn from(color: bevy_render2::color::Color) -> Self {
+impl From<Color> for UiColor {
+    fn from(color: Color) -> Self {
         Self(color)
     }
 }
@@ -270,10 +271,10 @@ impl From<bevy_render2::color::Color> for Color {
 // NOTE: Option<Handle<Image>> is reflected as a value, so this derive(Reflect) requires Handle<T> to derive Serialize and Deserialize
 #[derive(Component, Default, Clone, Debug, Reflect)]
 #[reflect(Component)]
-pub struct Image(pub Option<Handle<bevy_render2::texture::Image>>);
+pub struct UiImage(pub Option<Handle<Image>>);
 
-impl From<Handle<bevy_render2::texture::Image>> for Image {
-    fn from(handle: Handle<bevy_render2::texture::Image>) -> Self {
+impl From<Handle<Image>> for UiImage {
+    fn from(handle: Handle<Image>) -> Self {
         Self(Some(handle))
     }
 }
diff --git a/pipelined/bevy_ui2/src/widget/image.rs b/pipelined/bevy_ui2/src/widget/image.rs
index 2897c9b4bdb805..7eca773b6ca9bf 100644
--- a/pipelined/bevy_ui2/src/widget/image.rs
+++ b/pipelined/bevy_ui2/src/widget/image.rs
@@ -1,4 +1,4 @@
-use crate::CalculatedSize;
+use crate::{CalculatedSize, UiImage};
 use bevy_asset::Assets;
 use bevy_ecs::{
     component::Component,
@@ -8,6 +8,7 @@ use bevy_ecs::{
 };
 use bevy_math::Size;
 use bevy_reflect::{Reflect, ReflectDeserialize};
+use bevy_render2::texture::Image;
 use serde::{Deserialize, Serialize};
 
 #[derive(Component, Debug, Clone, Reflect, Serialize, Deserialize)]
@@ -23,8 +24,8 @@ impl Default for ImageMode {
 }
 
 pub fn image_node_system(
-    textures: Res<Assets<bevy_render2::texture::Image>>,
-    mut query: Query<(&mut CalculatedSize, &crate::Image), With<ImageMode>>,
+    textures: Res<Assets<Image>>,
+    mut query: Query<(&mut CalculatedSize, &UiImage), With<ImageMode>>,
 ) {
     for (mut calculated_size, image) in query.iter_mut() {
         if let Some(texture) = image.0.as_ref().and_then(|handle| textures.get(handle)) {