diff --git a/.changeset/brown-pigs-tie.md b/.changeset/brown-pigs-tie.md
new file mode 100644
index 0000000000..3612a22dc0
--- /dev/null
+++ b/.changeset/brown-pigs-tie.md
@@ -0,0 +1,5 @@
+---
+'@toptal/picasso-forms': minor
+---
+
+- mention `useFieldsLayoutContext` hook in forms documentation
diff --git a/.changeset/neat-lies-mate.md b/.changeset/neat-lies-mate.md
new file mode 100644
index 0000000000..26005ea67a
--- /dev/null
+++ b/.changeset/neat-lies-mate.md
@@ -0,0 +1,5 @@
+---
+'@toptal/picasso': minor
+---
+
+- export `useFieldsLayoutContext()` hook
diff --git a/packages/picasso-forms/src/Form/story/index.jsx b/packages/picasso-forms/src/Form/story/index.jsx
index 575037f865..04bb0e170e 100644
--- a/packages/picasso-forms/src/Form/story/index.jsx
+++ b/packages/picasso-forms/src/Form/story/index.jsx
@@ -162,7 +162,8 @@ types supported by picasso-forms.
     'Form/story/Horizontal.example.tsx',
     {
       title: 'Horizontal',
-      description: 'Horizontal form with responsive design',
+      description:
+        'Horizontal form with responsive design. Use "useFieldsLayoutContext()" hook from "@toptal/picasso" to get access to the current layout depending on the screen size.',
       screenshotBreakpoints: true,
     },
     'picasso-form'
diff --git a/packages/picasso/src/index.ts b/packages/picasso/src/index.ts
index b8757b90bf..8664f8b65c 100644
--- a/packages/picasso/src/index.ts
+++ b/packages/picasso/src/index.ts
@@ -211,6 +211,7 @@ export type {
   FileRejection as AvatarUploadFileRejection,
   DropEvent as AvatarUploadDropEvent,
 } from './AvatarUpload'
+export * from './FieldsLayout'
 
 export { default as Carousel } from './Carousel'
 export type { CarouselProps } from './Carousel'