Franklin John

72 posts

Franklin John

Franklin John

@itsfranklinjohn

Designing AI Chat Experiences | AI Product Designer | Rapid Prototyper

Abu Dhabi,United Arab Emirates Katılım Temmuz 2023
222 Takip Edilen29 Takipçiler
Sabitlenmiş Tweet
Franklin John
Franklin John@itsfranklinjohn·
What if Figma Make worked like a real design collaborator? How much more could we build with it? 🤔 Since the release of Figma Make, I have fallen in love with it. It is powerful enough to bring wild ideas to life while keeping the designer's touch intact. It feels flexible, expressive, and true to how designers think. Maybe @figma Make can be a true design collaborator if we can add the persistent memory layer. Vibe-coding tools rely on a simple knowledge base and chat prompts. Designers paste specs, research, and updates manually, and the context never truly sticks. Information gets mixed up, hallucinations happen, and nothing anchors the output to the real product. This is why vibe-coding tools struggle with complex products. So I explored a concept (Rapid Prototype) for Figma Make inside Figma Make with a persistent product context layer that keeps everything inside the project where it belongs. Features: - Chat - Project Context (Brief, Persona, Tone, Files, Artifacts) - Agents (Copywriter, User Flows) Tools Used: - Figma Make for prompting - GPT 4o & Gemini APIs Proud that I've only experience less than 10 error when building this because of using FSD code architecture. I only had issues wit API calling mostly - but it was an easy fix for Figma make. 😍 #figmadesign #ProductDesign #AIDesign #RapidPrototype
English
1
0
3
299
Franklin John
Franklin John@itsfranklinjohn·
@motiondotdev purchased the $399 plan and registered but I am still not upgraded. Still in free tier when I log in. Support link on the website is also 404. I’ve got the purchase receipt. Anyone to help me on this issue?
English
1
0
0
12
Franklin John
Franklin John@itsfranklinjohn·
Loud bangs here in the UAE. Stay safe everyone in the region🙏
English
0
0
0
525
Franklin John
Franklin John@itsfranklinjohn·
What I love about rapid prototyping as product designer without coding background is this: - Learning and understanding how the designs would be implemented - Seeing how things break - Asking AI what happened to be educated - Figuring out how I can fix it - Quick check on overall impact on any changes I would implement. It trains me how to think better in systems, how to better plan and piece flows together. It’s no longer vibe coding when you are intentionally prompting.
Joshua Guo@jshguo

Designers can now build apps without learning to code. But learning "some" code still matters. - write clearer prompts - understand what the agent generates - catch security & data risks - debug when things break

English
0
0
0
43
Franklin John
Franklin John@itsfranklinjohn·
@migueldelagza Not yet. But they will be next month. Right now, you can see how many credits you have consumed.
English
0
0
0
19
Franklin John
Franklin John@itsfranklinjohn·
37,104 / 3,000 AI Credits this month on Figma Make. 10 more days before it resets in my professional account. Can't believe unlimited credits will be over soon. OMG. Designers at Figma are lucky they get to explore this tool with unlimited credits! Thanks for being part of my learning journey for the past 6 months, Figma!
Franklin John tweet media
English
1
0
0
93
AK
AK@akbuilds_·
Figma → Figsor MCP → Cursor This is superpower for designers. Meow Meow.
English
17
34
547
39.3K
Franklin John retweetledi
DANN©
DANN©@DannPetty·
Everyone is sleeping on @Figma Make. It's like, right there in your design tool too.
English
98
4
427
40.1K
Franklin John
Franklin John@itsfranklinjohn·
@disco_lu Coolio! Btw, I missed going to DDX in Dubai - I was in Abu Dhabi. Didn't know you guys were there. I Could have dropped by and said Hi!😃
English
1
0
0
50
luis.
luis.@disco_lu·
I'm begging designers to stop using the word "vibe" Code is code, and softening your impact with words will put you in the same "seat at the table" discussion we moved past a few years ago It also assumes that code written by hand before this moment was written well 🤪
English
23
6
129
14.6K
Kevin Lu
Kevin Lu@kevinlu625·
The first AI app builder to build and deploy any app, any stack (web, mobile, chrome extension, slack bot, AI agent, anything) Use your ChatGPT, Claude Code, Github Copilot, Gemini subscription - or any API key to use models at cost. Comment for 100k free credits!
Bud@budapp

Introducing Orchids 1.0 - the first AI app builder to build and deploy any app, any stack (web, mobile, chrome extension, slack bot, AI agent, anything). Use your ChatGPT, Claude Code, Github Copilot, Gemini subscription - or any API key to use models at cost. Comment below to get 100k free credits. Everything you need to build with AI in a single tool.

English
491
25
714
94K
Franklin John
Franklin John@itsfranklinjohn·
👀
Stitch by Google@stitchbygoogle

🚨 Our #1 most requested feature is here: You can now export designs from any Stitch agent directly to Figma as editable layers. Vibe Design is perfect for exploring many ideas in minutes. But sometimes, you need that final layer of polish. Now you can move seamlessly between vibe design and polish.

ART
0
0
0
40
Franklin John
Franklin John@itsfranklinjohn·
@figma - I wish there is a feature to manage secrets for APIs. Or… have built in AI model integration for prototyping where we can just be billed by how much tokens we have consumed for integrating AI into our Figma Make Prototypes. E.g. I’d like to build a dashboard and do a demo of AI chat that would help get insights out of my mock data or straight from supabase. That would be doooope!
English
0
0
0
24
Franklin John
Franklin John@itsfranklinjohn·
@figma Make features I wish we have 👇👇👇 - Support for Gitlab (we don't use github in our team) - Planning Mode - Upload code files (So I can reuse some components I have in other project or just upload my typescript skills again) - View Urls (I see this in some demos already but it's npt yet in my version) - Generate Artifacts on planning like Figjam to show flows that the project can use - Add sections in to add project info/brief and upload artifact documents like PRDs, Personas - Add designer friendly skills creation (right now, I manually do it and design according to how I want it to behave and when it should be invoked Right now, Figma Make is already a beast. I code and develop code components an design interactions. Still a lot to learn and excited for what's ahead!
English
0
0
0
49