diff --git a/native/navigation/community-drawer-content.react.js b/native/navigation/community-drawer-content.react.js
--- a/native/navigation/community-drawer-content.react.js
+++ b/native/navigation/community-drawer-content.react.js
@@ -1,7 +1,7 @@
 // @flow
 
 import * as React from 'react';
-import { FlatList, Platform } from 'react-native';
+import { FlatList, Platform, View, Text } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { useSelector } from 'react-redux';
 
@@ -17,6 +17,7 @@
 
 import CommunityDrawerItemCommunity from './community-drawer-item-community.react.js';
 import { useNavigateToThread } from '../chat/message-list-types.js';
+import SWMansionIcon from '../components/swmansion-icon.react.js';
 import { useStyles } from '../themes/colors.js';
 
 const maxDepth = 2;
@@ -79,9 +80,27 @@
     [childThreadInfosMap, communitiesSuffixed, labelStyles],
   );
 
+  const isCommunityCreationButtonEnabled = false;
+  let communityCreationButton;
+  if (isCommunityCreationButtonEnabled) {
+    communityCreationButton = (
+      <View style={styles.communityCreationContainer}>
+        <View style={styles.communityCreationIconContainer}>
+          <SWMansionIcon
+            name="plus"
+            size={22}
+            style={styles.communityCreationIcon}
+          />
+        </View>
+        <Text style={styles.communityCreationText}>Create community</Text>
+      </View>
+    );
+  }
+
   return (
     <SafeAreaView style={styles.drawerContent} edges={safeAreaEdges}>
       <FlatList data={drawerItemsData} renderItem={renderItem} />
+      {communityCreationButton}
     </SafeAreaView>
   );
 }
@@ -91,7 +110,32 @@
     flex: 1,
     paddingRight: 8,
     paddingTop: 8,
-    backgroundColor: 'drawerBackground',
+    paddingBottom: 8,
+  },
+  communityCreationContainer: {
+    flexDirection: 'row',
+    padding: 24,
+    alignItems: 'center',
+    borderTopWidth: 1,
+    borderColor: 'panelSeparator',
+  },
+  communityCreationText: {
+    color: 'panelForegroundLabel',
+    fontSize: 16,
+    lineHeight: 24,
+    fontWeight: '500',
+  },
+  communityCreationIconContainer: {
+    height: 28,
+    width: 28,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 16,
+    marginRight: 12,
+    backgroundColor: 'panelSecondaryForeground',
+  },
+  communityCreationIcon: {
+    color: 'panelForegroundLabel',
   },
 };
 const labelUnboundStyles = {
diff --git a/native/themes/colors.js b/native/themes/colors.js
--- a/native/themes/colors.js
+++ b/native/themes/colors.js
@@ -107,6 +107,7 @@
   panelIosHighlightUnderlay: '#EBEBEBDD',
   panelSecondaryForeground: designSystemColors.shadesWhite80,
   panelSecondaryForegroundBorder: designSystemColors.shadesWhite70,
+  panelSeparator: designSystemColors.shadesWhite60,
   purpleLink: designSystemColors.violetDark100,
   purpleButton: designSystemColors.violetDark100,
   reactionSelectionPopoverItemBackground: designSystemColors.shadesBlack80,
@@ -195,6 +196,7 @@
   panelIosHighlightUnderlay: '#313035',
   panelSecondaryForeground: designSystemColors.shadesBlack80,
   panelSecondaryForegroundBorder: designSystemColors.shadesBlack70,
+  panelSeparator: designSystemColors.shadesBlack80,
   purpleLink: designSystemColors.violetLight100,
   purpleButton: designSystemColors.violetDark100,
   reactionSelectionPopoverItemBackground: designSystemColors.shadesBlack80,