diff --git a/figma.config.json b/figma.config.json
index df864855a..d8bfdd196 100644
--- a/figma.config.json
+++ b/figma.config.json
@@ -1,5 +1,6 @@
 {
   "codeConnect": {
+    "parser": "react",
     "include": ["src/components/**/*.{tsx,jsx}"],
     "importPaths": {
       "src/components/*": "@0xsequence/design-system"
diff --git a/src/components/DropdownMenu/DropdownMenu.figma.tsx b/src/components/DropdownMenu/DropdownMenu.figma.tsx
index b61639a36..b4048a962 100644
--- a/src/components/DropdownMenu/DropdownMenu.figma.tsx
+++ b/src/components/DropdownMenu/DropdownMenu.figma.tsx
@@ -24,12 +24,10 @@ figma.connect(
   'https://www.figma.com/design/0OB1JVXSqaxmJDrP7qAMJr?node-id=11510%3A28005',
   {
     props: {
-      // No matching props could be found for these Figma properties:
-      // "showButton": figma.boolean('Show button'),
-      // "ponting": figma.enum('ponting', {
-      //   "default": "default",
-      //   "inverted": "inverted"
-      // })
+      side: figma.enum('ponting', {
+        default: 'bottom',
+        inverted: 'top',
+      }),
     },
     example: props => (
       <DropdownMenuRoot>
@@ -37,7 +35,7 @@ figma.connect(
           <DropdownMenuTrigger asChild>
             <IconButton icon={ContextMenuIcon} />
           </DropdownMenuTrigger>
-          <DropdownMenuContent>
+          <DropdownMenuContent side={props.side}>
             <DropdownMenuItem>Item 1</DropdownMenuItem>
             <DropdownMenuItem>Item 2</DropdownMenuItem>
             <DropdownMenuItem>Item 3</DropdownMenuItem>