diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js
index c169cfe73..964352ef2 100644
--- a/defaultConfig.stub.js
+++ b/defaultConfig.stub.js
@@ -22,6 +22,7 @@ module.exports = {
     flexDirection: ['responsive'],
     flexWrap: ['responsive'],
     alignItems: ['responsive'],
+    alignSelf: ['responsive'],
     flexbox: ['responsive'],
     float: ['responsive'],
     fontFamily: ['responsive'],
diff --git a/src/corePlugins.js b/src/corePlugins.js
index 305d8b816..f08cf825b 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -16,6 +16,7 @@ import display from './plugins/display'
 import flexDirection from './plugins/flexDirection'
 import flexWrap from './plugins/flexWrap'
 import alignItems from './plugins/alignItems'
+import alignSelf from './plugins/alignSelf'
 import flexbox from './plugins/flexbox'
 import float from './plugins/float'
 import fontFamily from './plugins/fontFamily'
@@ -93,6 +94,7 @@ export default function(config) {
     flexDirection,
     flexWrap,
     alignItems,
+    alignSelf,
     flexbox,
     float,
     fontFamily,
diff --git a/src/plugins/alignSelf.js b/src/plugins/alignSelf.js
new file mode 100644
index 000000000..579fbf757
--- /dev/null
+++ b/src/plugins/alignSelf.js
@@ -0,0 +1,24 @@
+export default function({ variants }) {
+  return function({ addUtilities }) {
+    addUtilities(
+      {
+        '.self-auto': {
+          'align-self': 'auto',
+        },
+        '.self-start': {
+          'align-self': 'flex-start',
+        },
+        '.self-end': {
+          'align-self': 'flex-end',
+        },
+        '.self-center': {
+          'align-self': 'center',
+        },
+        '.self-stretch': {
+          'align-self': 'stretch',
+        },
+      },
+      variants
+    )
+  }
+}
diff --git a/src/plugins/flexbox.js b/src/plugins/flexbox.js
index eaefdb464..6b6a7afc6 100644
--- a/src/plugins/flexbox.js
+++ b/src/plugins/flexbox.js
@@ -2,21 +2,6 @@ export default function({ variants }) {
   return function({ addUtilities }) {
     addUtilities(
       {
-        '.self-auto': {
-          'align-self': 'auto',
-        },
-        '.self-start': {
-          'align-self': 'flex-start',
-        },
-        '.self-end': {
-          'align-self': 'flex-end',
-        },
-        '.self-center': {
-          'align-self': 'center',
-        },
-        '.self-stretch': {
-          'align-self': 'stretch',
-        },
         '.justify-start': {
           'justify-content': 'flex-start',
         },