diff --git a/app/assets/javascripts/issues/list/constants.js b/app/assets/javascripts/issues/list/constants.js
index 2a9f1dfc1c9930c72b0a7d3f1db552c1801859f0..00c2ee0863dc232e6462d6700856d5b842623bb5 100644
--- a/app/assets/javascripts/issues/list/constants.js
+++ b/app/assets/javascripts/issues/list/constants.js
@@ -15,6 +15,7 @@ import {
   TOKEN_TYPE_AUTHOR,
   TOKEN_TYPE_CONFIDENTIAL,
   TOKEN_TYPE_CONTACT,
+  TOKEN_TYPE_DRAFT,
   TOKEN_TYPE_EPIC,
   TOKEN_TYPE_HEALTH,
   TOKEN_TYPE_ITERATION,
@@ -347,6 +348,16 @@ export const filtersMap = {
       },
     },
   },
+  [TOKEN_TYPE_DRAFT]: {
+    [API_PARAM]: {
+      [NORMAL_FILTER]: 'draft',
+    },
+    [URL_PARAM]: {
+      [OPERATOR_IS]: {
+        [NORMAL_FILTER]: 'draft',
+      },
+    },
+  },
   [TOKEN_TYPE_ITERATION]: {
     [API_PARAM]: {
       [NORMAL_FILTER]: 'iterationId',
diff --git a/app/assets/javascripts/issues/list/utils.js b/app/assets/javascripts/issues/list/utils.js
index bdb31123686d6ca00d68e56636a842cad914b1ce..9629bef0eff29f6700781b7bfd31bbd6498da45c 100644
--- a/app/assets/javascripts/issues/list/utils.js
+++ b/app/assets/javascripts/issues/list/utils.js
@@ -10,6 +10,7 @@ import {
   OPERATORS_TO_GROUP,
   TOKEN_TYPE_ASSIGNEE,
   TOKEN_TYPE_AUTHOR,
+  TOKEN_TYPE_DRAFT,
   TOKEN_TYPE_CONFIDENTIAL,
   TOKEN_TYPE_ITERATION,
   TOKEN_TYPE_MILESTONE,
@@ -321,9 +322,10 @@ const formatData = (token) => {
   if (requiresUpperCaseValue(token.type, token.value.data)) {
     return token.value.data.toUpperCase();
   }
-  if (token.type === TOKEN_TYPE_CONFIDENTIAL) {
+  if ([TOKEN_TYPE_CONFIDENTIAL, TOKEN_TYPE_DRAFT].includes(token.type)) {
     return token.value.data === 'yes';
   }
+
   return token.value.data;
 };
 
diff --git a/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue b/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue
index 5d9136718719d422e56911fa63155e4e0020056e..ec55f2cf32ae743ee7826f2a885d48153396473c 100644
--- a/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue
+++ b/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue
@@ -1,4 +1,5 @@
 <script>
+import { GlFilteredSearchToken } from '@gitlab/ui';
 import { isEmpty } from 'lodash';
 import * as Sentry from '~/sentry/sentry_browser_wrapper';
 import { STATUS_ALL, STATUS_CLOSED, STATUS_OPEN, STATUS_MERGED } from '~/issues/constants';
@@ -14,6 +15,8 @@ import {
   OPERATORS_IS,
   TOKEN_TITLE_AUTHOR,
   TOKEN_TYPE_AUTHOR,
+  TOKEN_TITLE_DRAFT,
+  TOKEN_TYPE_DRAFT,
 } from '~/vue_shared/components/filtered_search_bar/constants';
 import {
   convertToApiParams,
@@ -170,6 +173,21 @@ export default {
           preloadedUsers,
           multiselect: false,
         },
+        {
+          type: TOKEN_TYPE_DRAFT,
+          title: TOKEN_TITLE_DRAFT,
+          icon: 'pencil-square',
+          token: GlFilteredSearchToken,
+          operators: OPERATORS_IS,
+          fullPath: this.fullPath,
+          isProject: true,
+          multiselect: false,
+          options: [
+            { value: 'yes', title: this.$options.i18n.yes },
+            { value: 'no', title: this.$options.i18n.no },
+          ],
+          unique: true,
+        },
       ];
     },
     showPaginationControls() {
diff --git a/app/assets/javascripts/merge_requests/list/constants.js b/app/assets/javascripts/merge_requests/list/constants.js
index e45939a12a31993be5ef93df76a097339aeb4f9a..9dcc74c5aeecda7c753bc5875ef7ba293839962b 100644
--- a/app/assets/javascripts/merge_requests/list/constants.js
+++ b/app/assets/javascripts/merge_requests/list/constants.js
@@ -3,8 +3,10 @@ import { __ } from '~/locale';
 export const i18n = {
   closed: __('Closed'),
   merged: __('Merged'),
+  yes: __('Yes'),
+  no: __('No'),
   errorFetchingCounts: __('An error occurred while getting merge request counts'),
   errorFetchingMergeRequests: __('An error occurred while loading merge requests'),
   upvotes: __('Upvotes'),
-  downvots: __('Downvotes'),
+  downvotes: __('Downvotes'),
 };
diff --git a/app/assets/javascripts/merge_requests/list/queries/get_merge_requests.query.graphql b/app/assets/javascripts/merge_requests/list/queries/get_merge_requests.query.graphql
index eac3f870e7bf2a010cfe03ca0618ed6a31f1eebb..92002134c060166143192d4224ba5f24dfb24feb 100644
--- a/app/assets/javascripts/merge_requests/list/queries/get_merge_requests.query.graphql
+++ b/app/assets/javascripts/merge_requests/list/queries/get_merge_requests.query.graphql
@@ -8,6 +8,7 @@ query getMergeRequests(
   $sort: MergeRequestSort
   $state: MergeRequestState
   $authorUsername: String
+  $draft: Boolean
   $beforeCursor: String
   $afterCursor: String
   $firstPageSize: Int
@@ -19,6 +20,7 @@ query getMergeRequests(
       sort: $sort
       state: $state
       authorUsername: $authorUsername
+      draft: $draft
       before: $beforeCursor
       after: $afterCursor
       first: $firstPageSize
diff --git a/app/assets/javascripts/vue_shared/components/filtered_search_bar/constants.js b/app/assets/javascripts/vue_shared/components/filtered_search_bar/constants.js
index 2879dcbdf0bb244c6c7f2908c049dc3e3a0c0763..aeebe312e9d08a76be77a41c17100da017014945 100644
--- a/app/assets/javascripts/vue_shared/components/filtered_search_bar/constants.js
+++ b/app/assets/javascripts/vue_shared/components/filtered_search_bar/constants.js
@@ -67,6 +67,7 @@ export const TOKEN_TITLE_ASSIGNEE = s__('SearchToken|Assignee');
 export const TOKEN_TITLE_AUTHOR = __('Author');
 export const TOKEN_TITLE_CONFIDENTIAL = __('Confidential');
 export const TOKEN_TITLE_CONTACT = s__('Crm|Contact');
+export const TOKEN_TITLE_DRAFT = s__('MergeRequests|Draft');
 export const TOKEN_TITLE_GROUP = __('Group');
 export const TOKEN_TITLE_GROUP_INVITE = __('Group invite');
 export const TOKEN_TITLE_LABEL = __('Label');
@@ -92,6 +93,7 @@ export const TOKEN_TYPE_ASSIGNEE = 'assignee';
 export const TOKEN_TYPE_AUTHOR = 'author';
 export const TOKEN_TYPE_CONFIDENTIAL = 'confidential';
 export const TOKEN_TYPE_CONTACT = 'contact';
+export const TOKEN_TYPE_DRAFT = 'draft';
 export const TOKEN_TYPE_GROUP = 'group';
 export const TOKEN_TYPE_GROUP_INVITE = 'group-invite';
 export const TOKEN_TYPE_EPIC = 'epic';
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index b73f5d2771a1075006acb28208235480d8b2e876..fd4a294d87fe7900c303ebd77438ffff67313ddf 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -32153,6 +32153,9 @@ msgstr ""
 msgid "MergeRequests|Create issue to resolve thread"
 msgstr ""
 
+msgid "MergeRequests|Draft"
+msgstr ""
+
 msgid "MergeRequests|Drafts cannot be merged until marked ready."
 msgstr ""
 
diff --git a/spec/frontend/merge_requests/list/components/merge_requests_list_app_spec.js b/spec/frontend/merge_requests/list/components/merge_requests_list_app_spec.js
index e8787b5b4eadf70027ecfabfbec1659124c725b8..da66dac31d12a8b60628fb1a530b6f1c25fd4b38 100644
--- a/spec/frontend/merge_requests/list/components/merge_requests_list_app_spec.js
+++ b/spec/frontend/merge_requests/list/components/merge_requests_list_app_spec.js
@@ -3,10 +3,14 @@ import VueApollo from 'vue-apollo';
 import { shallowMount } from '@vue/test-utils';
 import createMockApollo from 'helpers/mock_apollo_helper';
 import waitForPromises from 'helpers/wait_for_promises';
+import setWindowLocation from 'helpers/set_window_location_helper';
 import { getCountsQueryResponse, getQueryResponse } from 'jest/merge_requests/list/mock_data';
 import { TYPENAME_USER } from '~/graphql_shared/constants';
 import { convertToGraphQLId } from '~/graphql_shared/utils';
-import { TOKEN_TYPE_AUTHOR } from '~/vue_shared/components/filtered_search_bar/constants';
+import {
+  TOKEN_TYPE_AUTHOR,
+  TOKEN_TYPE_DRAFT,
+} from '~/vue_shared/components/filtered_search_bar/constants';
 import { mergeRequestListTabs } from '~/vue_shared/issuable/list/constants';
 import { getSortOptions } from '~/issues/list/utils';
 import MergeRequestsListApp from '~/merge_requests/list/components/merge_requests_list_app.vue';
@@ -94,12 +98,14 @@ describe('Merge requests list app', () => {
       it('does not have preloaded users when gon.current_user_id does not exist', () => {
         expect(findIssuableList().props('searchTokens')).toMatchObject([
           { type: TOKEN_TYPE_AUTHOR, preloadedUsers: [] },
+          { type: TOKEN_TYPE_DRAFT },
         ]);
       });
     });
 
     describe('when all tokens are available', () => {
       beforeEach(async () => {
+        setWindowLocation('?draft=yes');
         window.gon = {
           current_user_id: mockCurrentUser.id,
           current_user_fullname: mockCurrentUser.name,
@@ -114,6 +120,7 @@ describe('Merge requests list app', () => {
 
       afterEach(() => {
         window.gon = {};
+        setWindowLocation('?');
       });
 
       it('renders all tokens', () => {
@@ -123,6 +130,13 @@ describe('Merge requests list app', () => {
 
         expect(findIssuableList().props('searchTokens')).toMatchObject([
           { type: TOKEN_TYPE_AUTHOR, preloadedUsers },
+          { type: TOKEN_TYPE_DRAFT },
+        ]);
+      });
+
+      it('pre-displays tokens that are in the url search parameters', () => {
+        expect(findIssuableList().props('initialFilterValue')).toMatchObject([
+          { type: TOKEN_TYPE_DRAFT },
         ]);
       });
     });