FIGR / UI TEMPLATE
Manage research protocols with objectives, hypotheses, cohorts, methods, endpoints, procedures, risks, approvals, amendments, and version history.
This builder reference covers research & labs. Its sample screen includes Primary objective and Eligibility criteria and the Create amendment action. Adapt its workflow to your product and design system.
BUILD ON THIS
Explore this screen, then bring in your own product and design system to shape the next version.
Builder
Create amendment
Study Protocol builder
Default, loading, empty, error, permission, success
Adaptable product UI theme
The study protocol screen supports “Create amendment” while keeping protocol and methods in view. It should show the current state even when data is missing or access is restricted.
Protocol → Methods → Create amendment → Review result
Study Protocol builder, Protocol, Methods, permission handling, error recovery
State input requirements before the user submits the form
In this example, Primary objective is one of the records worth checking. Keep the sample data clearly separate from a live system.
Keep progress and entered values when people move between steps
Show clear permission, validation, and recovery states near the affected control
Design a study protocol screen for an existing research & labs product. Use our actual design system, components, and content rules. Cover Protocol and Methods, include believable records such as Primary objective, and make "Create amendment" easy to find. Map empty, loading, error, permission, and success states. Keep the result editable in Figma.
KEEP EXPLORING
Browse other product UI examples, compare patterns, and pick the direction that suits your product.