Lead Product Designer & UX Psychologist. Designing future-forward digital experiences driven by human behavior.

medium

github

projects

productHunt

dribbble

youtube

Rakibul Islam  • Peerlist

Auto-Generate Your Entire Shadcn Design System in Figma with just one click. This plugin allows you to create complete design tokens including colors, typography, spacing, and effect styles instantly. Download the plugin for free and enjoy its open-source nature. It works seamlessly with Figma's dynamic-page mode, offering a streamlined design workflow.<h3>How It Works</h3><ol><li>Install: Download the .figplug file and double-click to install in Figma.</li><li>Run in Figma: Open the plugin from Figma's plugin menu.</li><li>Generate: Click "Generate Variables" and watch your design system appear.</li></ol><h3>What It Generates</h3><ul><li>Color variables with Light &amp; Dark modes.</li><li>Number &amp; spacing tokens for consistent layouts.</li><li>Typography system from Shadcn with 11 text styles.</li><li>Effect styles for shadows and elevation.</li><li>Layout spacing system for grids and margins.</li><li>Organized variable collections for colors and numbers.</li></ul>Built by @rakibulism, a Lead Product Designer &amp; UX Psychologist, this plugin is designed to streamline your design workflow by offering future-forward digital experiences shaped by human behavior and clarity.

Alpha Shadcn/UI System Figma Plugin

Rakibulism is a unique approach to product design, blending the principles of UX psychology with innovative design strategies to create digital experiences that resonate with users. With a focus on turning founders' ideas into impactful products, Rakibulism emphasizes design that is both human-centric and problem-solving. Key features include shaping MVPs, building full-scale products, and a deep understanding of user behavior to ensure products are not only functional but also memorable. This approach is particularly beneficial for startup founders and entrepreneurs looking to bring their visions to life. The process involves a discovery call to understand project needs, followed by design iterations and final delivery to ensure the product attracts potential customers. Rakibulism is not just about designing for screens; it's about designing for people and fostering growth through meaningful digital experiences.

My Portfolio

Join a community where design meets purpose and progress.Hello Designers is a vibrant community for creators who think beyond visuals. It's a place where visionary designers meet clarity, and where design, purpose, and progress intersect. This community is built for product thinkers, UX explorers, and creative minds who share more than just pixels. Here, design is not only seen but understood.<h3>Why Join Hello Designers?</h3><ul><li>Connect with world-class product and UX designers.</li><li>Receive real feedback, not just likes.</li><li>Learn about design systems, tools, and industry trends.</li><li>Stay inspired with thoughtful discussions and creative events.</li></ul>Join us and be part of a community that builds, learns, and creates together. Discover inspiration and bring the world to the Galactic Civilization of Designers.

Hello Designers

Co- Founder & CEO, Slashit App

Software craftsman

UX Project Manager and Product Designer

Slashit is a simple tool that helps anyone reply faster using dynamic templates, text snippets, and AI powered commands. Save time, reduce repetitive typing, and boost productivity, whether you’re in support, sales, freelancer or just writing a lot.

Slashit App - Windows

<h3>Seenframes - Framer Templates for Startups &amp; Creators</h3>Get beautifully designed Framer templates starting at just $3.99. Built by Seen Design Lab with a UX-first approach, Seenframes is designed to help creators, startups, and indie makers launch faster, smarter, and cheaper.Why choose Seenframes?<ul><li>Affordable pricing with templates starting at just $3.99, no subscriptions or surprises.</li><li>Launch-ready designs built to convert, not just look pretty.</li><li>UX-first templates created by real designers who care.</li><li>Niche-specific layouts for SaaS, portfolios, landing pages, and more.</li><li>Fully customizable in Framer, allowing you to make it yours in seconds.</li><li>Responsive by default, ensuring a seamless experience across devices.</li></ul>Join thousands of data-driven professionals who are creating beautiful visualizations in minutes with Seenframes. Browse our templates and discover how you can design less and build more.

Seenframes

Slashit App is a simple tool that helps anyone reply faster using dynamic templates, text snippets, and AI powered commands. Save time, reduce repetitive typing, and boost productivity, whether you’re in support, sales, freelancer or just writing a lot.We built Slashit App because we were tired of typing the same message/mail/comment again and again. If you write replies, fill forms, or send emails all day, this is for you.Slashit App helps you:• Create dynamic templates with placeholders• Turn short text into full messages with Snippets (like typing “tks” to get “Thank you so much!”)• Use AI in your template to auto write parts for you• Set your own magic hotkeys (select text → press key → text changes based on your prompt)• See and reuse anything you copied with Clipboard History It works anywhere you can type, web, apps, tools, wherever you have input field. Most importantly you can customize everything: shortcuts, hotkeys, AI prompts, all the way you like.Our goal? Help you write faster, save time, and stop typing the same sentence ten times a day. We use it daily and it really helps, hope it does the same for you.We’re still early and learning fast. Would love your feedback and ideas.Thanks for checking it out.— Mahmudul HasanCo-founder, <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="slashit.app">Slashit App</a><a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="mailto:support@slashit.app">support@slashit.app</a> | <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://www.slashit.app/">https://www.slashit.app/</a>

Slashit App

<h3>Why did you build this?</h3>I built Seen Wireframe UI Kit because I was tired of over-polished design kits that look pretty but don’t think. As a UX-first designer, I wanted something that helps you map flows fast, without sacrificing clarity or human behavior logic. This kit is made for thinkers, not just pixel pushers. It’s here to give structure to chaos and spark real interaction ideas.<h3>What’s new and unique about this launch compared to alternatives?</h3>Most UI kits chase trends. Seen is built differently.<ul><li>It's made by a UX psychologist who lives and breathes user behavior.</li><li>It’s not bloated with unnecessary fluff — just the core blocks to get real work done.</li><li>It includes user-centered wireframe flows, not just screens.</li><li>Inspired by actual product strategy, not just Dribbble vibes.</li></ul>Seen’s design system is future-proof, super editable, and Figma-ready for fast collab.I’m proud that this isn’t just another design asset. It’s a mindset shift.It helps product teams, freelancers, and visionaries design with purpose — faster and smarter.

Wireframe UI Kit

Rak-GPT is an intuitive and user-friendly mobile app UI designed to interact seamlessly with an AI-powered chatbot. The app provides a modern, clean interface, ensuring users can easily engage in meaningful conversations. The design emphasizes simplicity, accessibility, and an interactive experience that feels personal and engaging.Key Features:Dynamic Chat InterfaceA minimalistic chat layout with smooth animations and clear typography.Includes voice input, text input, and quick-reply suggestions for seamless interaction.Customizable ThemesDark mode and light mode options for user comfort.Personalize the interface with vibrant color palettes and font styles.Smart AI PromptsContext-aware suggestions for improved conversation flow.Categories for quick queries like daily tasks, brainstorming, or casual chatting.Profile and HistoryUsers can access and manage previous chats effortlessly.Editable profile options for personalization.Multi-Platform IntegrationSync data across devices (mobile, tablet, desktop) for continuity.Connect with WhatsApp and Telegram for extended access.Accessibility-First DesignLarge, easy-to-read text and scalable UI elements.Support for multiple languages, including voice-to-text and text-to-speech functionalities.The design reflects modern trends with rounded edges, minimalistic icons, and a responsive layout that adapts beautifully to all screen sizes. Rak-GPT combines functionality and aesthetic appeal to create an engaging AI chatbot experience.

Rak-GPT — AI Chatbot GPT Mobile App UI Design

Alpha UI is the critical pre-launch testbed for the Seen Design System (Seen DS) — a foundational step where design theory meets real-world validation. It’s a meticulously crafted prototype environment built to rigorously evaluate and refine the core components, visual language, and interaction patterns that will power Seen DS.This project exists to serve everyone who builds digital products at scale:<ul><li>Founders who demand a design system that scales seamlessly and drives consistency across teams and platforms.</li><li>Developers who require clean, modular, and reusable UI components optimized for rapid implementation.</li><li>UI/UX designers who need a flexible, user-tested framework to innovate confidently without reinventing the wheel.</li></ul>Alpha UI isn’t a final product — it’s the intelligent sandbox where hypotheses about usability, accessibility, and design cohesion are tested, measured, and perfected. It transforms abstract guidelines into living components, ready for real users, real devices, and real scenarios.By doing this, Alpha UI ensures Seen DS launches not just as a design system but as a robust, battle-tested foundation that empowers creators to build consistent, intuitive, and forward-thinking digital experiences.