Showcase: AI Development Platform with Enhanced UX Design

Showcase: AI Development Platform with Enhanced UX DesignShowcase: AI Development Platform with Enhanced UX Design

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Muhammad Khoirul

• 2d

Just finished an AI Development Platform project and showcased it with Jitter to better highlight the user experience and interactions throughout the web app. What do you think? Check it out

Jitter saas webappdesign

a link to the video instead.

Forge — Homepage and Login Flow

Figma

Jitter

Product Design

Software Architecture

UI Design

Abdul Rehman

pro

• 2d

Amazing work

Muhammad Khoirul

• 1d

thanks! man

MD Rafee Alam

• 2d

Using Jitter to showcase the interactions is the right call for a platform like this. The command-input interface feels developer-native without being intimidating.

Muhammad Khoirul

• 1d

Yep. agree with that.

Vasily One

pro

• Jun 18

The real success in developing Astro websites with AI is a properly prepared Figma design.

If the designer has put in the effort and managed to create a tokenized system, site assembly will be a breeze, and I can focus on animations and interactions without wasting time on layout assembly and bug fixes.

However, if you turn off auto-layout at the design stage and decide that the default is good enough, development will take hours, and AI won't help.

I only use the first option.

Astro Figma Claude

Shahriar Jubayer Eshat

• Jun 18

Cool

Mark Barliet

pro

• Jun 17

👋 Hey everyone!

I'm Mark, founder of Basa Solutions — a UX/UI design agency focused on SaaS, AI, and startup products.

I've joined Contra to connect with ambitious founders and teams who need design that solves business problems, not just looks good.

Over the years, I've helped companies improve user experience, increase conversion, and bring new products to market faster through strategic design.

Looking forward to meeting great people, sharing insights, and collaborating on exciting projects.

Feel free to reach out and say hi! 🚀 https://www.basa.solutions/

new welcome welcome2026

basa.solutions

BASA SOLUTIONS UX/UI

Basa Solutions is a product & UX/UI design agency helping SaaS and AI startups turn complex ideas into clean, scalable digital experiences.

Alesia Boiko

pro

• Jun 17

😍😍😍

Basit Adewusi

• Jun 18

Project Links: Walkthrough Video: https://www.loom.com/share/8499df80dc74418d9db35fe481cf7968 https://www.loom.com/share/515a0017ce11416aad84940fa6a218ca https://www.loom.com/share/9bf1d9c29c07455ea7201292926d045b Mobile App live link here Desktop Board live link here Community link here

Social post here

The Pitch: Reporting infrastructure issues is broken. Citizens face clunky portals, and city workers are overwhelmed by duplicate tickets. Civic-Sync is an AI-powered, two-sided platform that bridges this gap to make neighborhoods safer and faster.

The Build & Tools Used: The Citizen App (Mobile): A hyper-accessible web app. Citizens snap a photo of a hazard. We utilized Figma Weave to auto-detect the issue type and severity, skipping long forms. The Council Board (Desktop): A triage Kanban board for city workers. We used the Figma Agent to group duplicate reports and the Figma MCP to bridge the citizen data directly to the dashboard.

The Workflow: Built in Figma, Make using a strict "tokenmaxxing" strategy. I used a foundational guidelines md file to ensure instant WCAG AA compliance and relied on manual code edits rather than reprompting to save AI credits.

configmakeathon Figma