# Penpot as a front-end for a collection of documents

**URL:** <https://community.penpot.app/t/penpot-as-a-front-end-for-a-collection-of-documents/1184>\
**Category:** Ask the community\
**Created:** [September 19, 2022, 7:55am UTC](https://community.penpot.app/t/penpot-as-a-front-end-for-a-collection-of-documents/1184 "2022-09-19T07:55:20Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![mikemh](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/mikemh/32/1091_2.png) [@mikemh](https://community.penpot.app/u/mikemh)\
**Post date:** [September 19, 2022, 7:55am UTC](https://community.penpot.app/t/penpot-as-a-front-end-for-a-collection-of-documents/1184/1 "2022-09-19T07:55:21Z")

</div>

I have a collection of inter-linked documents - a Handbook - and would like to give it a graphic front-end, with links and clickable nodes. Has someone done something like this in Penpot?

---

<div class="post-metadata">

**Author:** ![mikemh](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/mikemh/32/1091_2.png) [@mikemh](https://community.penpot.app/u/mikemh)\
**Post date:** [September 19, 2022, 7:57am UTC](https://community.penpot.app/t/penpot-as-a-front-end-for-a-collection-of-documents/1184/2 "2022-09-19T07:57:12Z")

</div>

The documents are posts in Discourse threads, with individual urls. I note that Penpot uses Discourse (we’re in it now) so maybe you have expertise here?

Do you have a handbook? Where d’you keep it? We used to use gitBook but Discourse suits us better for various reasons.

---

<div class="post-metadata">

**Author:** ![mikemh](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/mikemh/32/1091_2.png) [@mikemh](https://community.penpot.app/u/mikemh)\
**Post date:** [September 19, 2022, 7:58am UTC](https://community.penpot.app/t/penpot-as-a-front-end-for-a-collection-of-documents/1184/3 "2022-09-19T07:58:54Z")

</div>

Can an interactive graphic in Penpot (let’s say, a network diagram) be imported ‘live’ into an app (let’s say, Discourse - or maybe, federated wiki) while remaining editable in Penpot?

---

<div class="post-metadata">

**Author:** ![mikemh](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/mikemh/32/1091_2.png) [@mikemh](https://community.penpot.app/u/mikemh)\
**Post date:** [September 19, 2022, 8:00am UTC](https://community.penpot.app/t/penpot-as-a-front-end-for-a-collection-of-documents/1184/4 "2022-09-19T08:00:26Z")

</div>

Can a schema in Penpot (say, a network diagram) be generated from a dataset (say, a spreadsheet of nodes and their links)?

---

<div class="post-metadata">

**Author:** ![jdittrich](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/jdittrich/32/100_2.png) [@jdittrich](https://community.penpot.app/u/jdittrich)\
**Post date:** [September 19, 2022, 12:31pm UTC](https://community.penpot.app/t/penpot-as-a-front-end-for-a-collection-of-documents/1184/5 "2022-09-19T12:31:42Z")

</div>

Hi @mikemh, I think other tools will be more helpful for you. Penpot is mainly thought for UI design, so diagrams, their provision and their generation are—afaic—not a main usecase.

Your needs sound like something that could be solved by a [tool that integrates meremaid](https://mermaid-js.github.io/mermaid/#/integrations) (in the list are both gitbook as well as discourse)

---

<div class="post-metadata">

**Author:** ![mikemh](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/mikemh/32/1091_2.png) [@mikemh](https://community.penpot.app/u/mikemh)\
**Post date:** [September 19, 2022, 12:51pm UTC](https://community.penpot.app/t/penpot-as-a-front-end-for-a-collection-of-documents/1184/6 "2022-09-19T12:51:28Z")

</div>

Hmmnn. Thanks 🙂 But what I’m after **is** UI, yes? And making a network of ‘locations’ navigable is a basic function of UI? So maybe I’ll stay on the case a bit longer!

But will check out [mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.](https://mermaid-js.github.io/mermaid/#/integrations) thanks

---

<div class="post-metadata">

**Author:** ![jdittrich](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/jdittrich/32/100_2.png) [@jdittrich](https://community.penpot.app/u/jdittrich)\
**Post date:** [September 29, 2022, 5:23pm UTC](https://community.penpot.app/t/penpot-as-a-front-end-for-a-collection-of-documents/1184/7 "2022-09-29T17:23:30Z")

</div>

> [@mikemh](#):
>
> But what I’m after **is** UI, yes?

It is UI, but I am not sure if it is UI design! (at least in the way it is typically practiced).

But stay around and you will learn where Penpot can help you and where it probably can’t 🙂
