# How to prototype a smartphone app screen as "scrollable"?

**URL:** <https://community.penpot.app/t/how-to-prototype-a-smartphone-app-screen-as-scrollable/3668>\
**Category:** Ask the community\
**Tags:** design\
**Created:** [September 7, 2023, 1:47pm UTC](https://community.penpot.app/t/how-to-prototype-a-smartphone-app-screen-as-scrollable/3668 "2023-09-07T13:47:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ivanhercaz](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/ivanhercaz/32/3601_2.png) [@ivanhercaz](https://community.penpot.app/u/ivanhercaz)\
**Post date:** [September 7, 2023, 1:47pm UTC](https://community.penpot.app/t/how-to-prototype-a-smartphone-app-screen-as-scrollable/3668/1 "2023-09-07T13:47:42Z")

</div>

Hi everyone!  
This is my first post in the PenPot Community, so excuse me if there is something wrong with the post or with rules of the community. If so, tell me please and I will fix the post. I am also relatively new in the world of design and screens and I am not designer, I am programmer, but I am trying to use these kind of tools to improve my work and the projects in which I work.

I am designing and prototyping an application for smartphones, specifically for Android devices, and everything goes really nice. PenPot is a really awesome tool and I am very happy with it. Thank you to all the team! However, I am having problems when I tried to prototype a screen as “scrollable”, I mean to scroll the screen when there is more content below the visible one.

I found some similar issues/posts to mine but I have not clear if this is fixed or if it is even possible to do it in some way:

- Can I make content in my designs scrollable
- How make an interface “scrollable”
- Struggling with scrolling layout

**Note** : excuse me to just put the titles of the posts, but as new user I can’t share more than two links in a post.

I saw there is a [bug reported](https://tree.taiga.io/project/penpot/issue/4332) and an ongoing working on it, but I don’t know if it is related with the “scrollable” screens or with the “scrollable” screens with fixed items.

My idea is to achieve something like the [example in the prototyping section of the user guide](https://help.penpot.app/user-guide/prototyping/#prototyping-fix-scroll), but I am not worried about the fixed items, at this moment I am just interested in scrolling.

Does exist any example design/prototype I could check to know how to make it?

Thanks in advance!

Regards,  
Iván

---

<div class="post-metadata">

**Author:** ![carolina.portugal](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/carolina.portugal/32/36_2.png) [@carolina.portugal](https://community.penpot.app/u/carolina.portugal)\
**Post date:** [September 8, 2023, 8:17am UTC](https://community.penpot.app/t/how-to-prototype-a-smartphone-app-screen-as-scrollable/3668/2 "2023-09-08T08:17:40Z")

</div>

Hello @ivanhercaz , i can see this is a feature that is in Penpot backlog:

> **[Taiga](https://tree.taiga.io/project/penpot/us/4519?backlog-q=%E2%80%9Cscrollable%E2%80%9D&no-milestone=1)**
>
> Taiga is a project management platform for startups and agile developers & designers who want a simple, beautiful tool that makes work truly enjoyable.

Maybe this how to design an app tutorial can help you:

https://www.youtube.com/embed/KUg3xIFWK_g?feature=oembed&wmode=opaque&list=PLgcCPfOv5v54WpXhHmNO7T-YC7AE-SRsr

And here are some templates for app:

[https://github.com/penpot/penpot-files/raw/main/Plants-app.penpot](https://github.com/penpot/penpot-files/raw/main/Plants-app.penpot)

[https://github.com/penpot/penpot-files/raw/main/Interactive-music-app.penpot](https://github.com/penpot/penpot-files/raw/main/Interactive-music-app.penpot)

I hope this help!

---

<div class="post-metadata">

**Author:** ![ivanhercaz](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/ivanhercaz/32/3601_2.png) [@ivanhercaz](https://community.penpot.app/u/ivanhercaz)\
**Post date:** [September 8, 2023, 10:16am UTC](https://community.penpot.app/t/how-to-prototype-a-smartphone-app-screen-as-scrollable/3668/3 "2023-09-08T10:16:50Z")

</div>

> [@carolina.portugal](#):
>
> Hello @ivanhercaz , i can see this is a feature that is in Penpot backlog:

Hi @carolina.portugal! Thank you for the link, I hope the feature will be up soon because it is really useful.

> [@carolina.portugal](#):
>
> Maybe this how to design an app tutorial can help you:

I already see this tutorial but doesn’t mention nothing about scrolling.

> [@carolina.portugal](#):
>
> And here are some templates for app:
> 
> [https://github.com/penpot/penpot-files/raw/main/Plants-app.penpot](https://github.com/penpot/penpot-files/raw/main/Plants-app.penpot)
> 
> [https://github.com/penpot/penpot-files/raw/main/Interactive-music-app.penpot](https://github.com/penpot/penpot-files/raw/main/Interactive-music-app.penpot)
> 
> I hope this help!

And in both cases doesn’t uses scrolling, even in the songs list of the music app. But I will check both to learn more.

Thank you for your answer!

---

<div class="post-metadata">

**Author:** ![Mario](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/mario/32/4080_2.png) [@Mario](https://community.penpot.app/u/Mario)\
**Post date:** [January 20, 2025, 4:30pm UTC](https://community.penpot.app/t/how-to-prototype-a-smartphone-app-screen-as-scrollable/3668/4 "2025-01-20T16:30:49Z")

</div>

Laura recently talked about this on her prototype video. The workaround seems to be pretty simple, so I’ll [drop it here](https://www.youtube.com/live/Dz1RL3tPAyI?feature=shared&t=1861) in case someone wants to implement this scroll effect for their designs.
