# App Innovations: Enhancing Workflows Across Platforms

#### [Figma components on Contentful App](https://github.com/anilkk/figma-component-to-contentful#step-1-get-your-figma-access-token-and-team-id)

The app allows users to select and update Figma components within Contentful, ensuring changes in the Figma component library are reflected in Contentful content. Makes it easy to manage Design system content.

**GitHub Repository**: <https://github.com/anilkk/figma-component-to-contentful>

{% embed url="<https://youtu.be/z0j20_XPgSk?si=rHUp51iNVV7Di9gG>" %}

#### [Atlassian Forge Apps](https://developer.atlassian.com/platform/forge/)

Partnered with Atlassian's Forge product and Marketing teams during its beta phase, providing pivotal feedback that shaped product enhancements, and successfully developed multiple apps using Forge.

**Blog**: <https://blog.developer.atlassian.com/build-your-dream-workflow-using-forge/>

#### My Forge Apps Creation

<div><figure><img src="/files/N9YYGT213hy1TpR54acQ" alt=""><figcaption></figcaption></figure> <figure><img src="/files/FZjcKtHx7TdrrC2Oqzz9" alt=""><figcaption></figcaption></figure> <figure><img src="/files/UCHNFXIVM95ZVM9WaEGD" alt=""><figcaption></figcaption></figure> <figure><img src="/files/3YmPJvRVKhDyUReTxDDe" alt=""><figcaption></figcaption></figure></div>

{% embed url="<https://youtu.be/Dzcep4Gl7HY?si=WJ8tRuS4fRhMhvtD>" %}

#### Showcase: Forge App Demos I Created

1. [Priority product idea table using Typeform and Atlassian Forge macro app](https://youtu.be/L9Q9nwagYvE?si=nom6BGYLb1twz5K0)
2. [Story feedback Atlassian Forge JIRA issue panel app demo](https://youtu.be/HLX4vG2Ccug?si=4bYSsXjZhZOYG788)
3. [Create a JIRA issue from WhatsApp using the Atlassian Forge app](https://youtu.be/HXgKSNzBp10?si=B29d6E3CaUQk477h)
4. [Priority product ideas table on Confluence page using Airtable and Atlassian Forge macro app](https://youtu.be/CEDMYNTgqdo?si=E_vXzFcyXkZsGGxg)
5. [Forge macro app for E2E Cypress cucumber automation test report status on Confluence page](https://youtu.be/wIWlwpM3exc?si=atX5O68KLgFkQgWy)
6. [Demo of Forge app with config option](https://youtu.be/grkNhzRPe2g?si=cwW_BI70aJQzyj0p)
7. [Intro Carousel component using Forge UI components](https://youtu.be/cuKadhByHZ0?si=Jrp8RR04m7H0PBZb)

***

### [Wireframify](https://chrome.google.com/webstore/detail/wireframify/denkephjglddepmhdlaaigjionglkdbb)

*Instantly transform any website into its wireframe layout with a single click.*

Wireframify is a Chrome extension that allows users to view the wireframe of any webpage. Preview the wireframe of any website with one click. The primary function is to simplify and present the structural layout of a website without its detailed design elements.

**Platform**: [Chrome Web Store](https://chrome.google.com/webstore/detail/wireframify/denkephjglddepmhdlaaigjionglkdbb?hl=en)

With a **4-star rating** and more than **5,000** people downloading it.

{% embed url="<https://youtu.be/YUtBCt7qCJk>" %}

***

#### [Atlassian Forge snippets VS Code Extension](https://marketplace.visualstudio.com/items?itemName=AnilKumar.forge-snippets)

This extension for Visual Studio Code adds snippets for [Forge UI](https://developer.atlassian.com/platform/forge/ui-kit/). Supports .jsx file extension.

**Platform**: [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=AnilKumar.forge-snippets)

<figure><img src="/files/ysKG5jh5j1fOX7mcZ7Mc" alt=""><figcaption></figcaption></figure>

{% embed url="<https://youtu.be/PbKWTzP5yg8?si=v28ier3R_PiM_b1K>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://anilkumark.gitbook.io/portfolio/frontend-work/app-innovations-enhancing-workflows-across-platforms.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.