# New shadcn/ui Figma Component: Questionnaire

> The new shadcn/ui Questionnaire component is now in our Figma UI kit. Design multi-step surveys, onboarding flows, and intake forms in all 8 styles.

Published: 2026-08-07 · Author: Matt Wierzbicki · Canonical: https://www.shadcndesign.com/blog/new-shadcn-ui-figma-component-questionnaire

This week, shadcn/ui released [Questionnaire](https://ui.shadcn.com/docs/components/base/questionnaire) — a new component for multi-step question flows like surveys, onboarding, intake forms, and agent clarification prompts. We've already added it to both our **Basic** and **Pro** shadcn/ui kits for Figma, so you can start designing questionnaire flows that match the code your developers will ship.

<RichImage
  src="/blog/new-component-questionnaire.webp"
  alt="New shadcn/ui Questionnaire component in the shadcn/ui kit for Figma"
/>

## What is the Questionnaire component?

The [Questionnaire component](/components/questionnaire) is a multi-step questionnaire with single-choice, multiple-choice, freeform, and skippable questions. It's built for flows where users answer one question at a time:

- **Onboarding** — profile users during sign-up without overwhelming them
- **Surveys and feedback** — single-choice and multiple-choice questions with optional freeform answers
- **Intake and configuration forms** — collect requirements step by step, with explicit skip actions for optional questions
- **AI agent clarification prompts** — let an agent ask structured follow-up questions

Our Figma version mirrors the shadcn/ui component, including progress indicators, Previous/Next/Skip/Submit navigation, and all four question types.

## Changelog

- Added the **Questionnaire** component to the Figma Kit Basic (Nova style)
- Added the **Questionnaire** component to the Figma Kit Pro in all 8 styles — Nova, Vega, Mira, Luma, Sera, Maia, Rhea, and Lyra
- Added a Questionnaire page with a playground showing single-choice, multiple-choice, freeform, and skippable question examples

## Preview the newest version

You can explore the updated kit — including the new Questionnaire component — on our [preview page](/preview). The preview always reflects the newest release, so it's the fastest way to see what's inside before you buy or update.

## Available in 8 styles in the Pro kit

The Pro kit includes the Questionnaire component in all **8 styles**: Nova, Vega, Mira, Luma, Sera, Maia, Rhea, and Lyra. If you're a Basic customer and want access to every style, you can upgrade your license — just submit an [upgrade inquiry](/help?inquiry=upgrade) and we'll guide you through the process.

## Questions and answers

### How do I get the new component?

Check our [documentation](/docs/updates#how-do-the-updates-work) to see how kit updates work and how to bring the new component into your existing file.

### Which packages include the Questionnaire component?

Every package with the Figma kit. The Basic package includes it in the Nova style, while Plus and Premium packages include the Pro kit with all 8 styles.

### When should I use a Questionnaire instead of a Form?

Use the Questionnaire for multi-step, one-question-at-a-time flows like surveys and onboarding. Use a regular [Form](/components/form) when all fields fit on a single screen.