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
Figma-to-WordPress Conversion for an AI Research Platform
Askada Systems is a research-oriented AI chatbot ecosystem engineered to help students and academics seamlessly navigate complex text datasets. The core objective of this project was to transform high-fidelity Figma visual layouts into a pixel-perfect, high-performance WordPress digital presence without losing the fluid transitions and clean layout logic of the original UI/UX blueprint.
The Core Focus: Bridging the gap between intricate, asset-heavy SaaS design mockups and an ultra-lightweight, SEO-optimized frontend built on a flexible, client-friendly platform architecture.
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
Related posts
Hey Contra 👋 I've been heads-down building Promptly, and I'd love your eyes on it before our launch.
From my time delivering over 20 software projects as a tech lead, I realized the biggest bottleneck in building an app isn't the code itself. It is communication. Founders speak in ideas, and developers speak in strict logic.
Here is how Promptly works. You just describe your app idea in plain English. The AI actually pushes back, asks the hard questions, catches the vague bits, and automatically writes a developer-ready blueprint as you chat.
The goal is simple. When you hand this document to a developer, the next thing you get back is an accurate, fixed-price quote. No more wasting days trying to draft technical specifications and sitting through endless rounds of discovery calls just to get on the same page.
Instead of staring at a blank document, you get three tools that update in real-time:
The Pushback Chat: It refuses to just nod along. If you say "make it fast and secure," it helps you define exactly what that means. It hunts down edge cases before you ever pay someone to fix them.
The Visual Map: A live, interactive diagram showing exactly how your features connect. It catches logic flaws and missing steps before any code is written.
The Living Blueprint: An auto-generated, professional project spec that exports straight to Notion, Linear, or PDF.
Plus, it gives your idea a "Developer-Readiness Score" out of 100 so you know if it is actually ready to build. It even recommends the best tech stack based on your specific budget and complexity.
The core engine and all of these interactive features are fully functional right now, but I am still smoothing out the final rough edges. I am aiming for a public launch in about three weeks.
Where I need your help. I have three quick questions:
Where would you want to export your project blueprint, beyond Notion, Linear, or PDF?
What is the biggest headache you face right now when trying to explain your ideas to developers?
What feels missing? The blind spots are the most valuable to me right now.
Any feedback on new features, improvements, or things I should kill entirely would be hugely appreciated. Drop a comment below.
Thank you for taking a look 🙏
building solo, in public
Product ManagementFull Stack DevelopmentSoftware DevelopmentWeb DevelopmentAI DevelopmentClaudeNext.jsFigma
This is a very interesting concept! Where did you design the UI/UX? I feel like a better choice of font is still out there. Overall good work and clean UI. 🔥
DIEGETIC — Break The Surface
An experimental WebGL project where the interface is the interaction. A physics-simulated surface fills the screen — drag to tear through it, double-click to trigger a cinematic curtain collapse with air resistance and billowing flutter.
Built with Three.js, Verlet integration physics (9,600+ constraint points), raycaster-driven tearing, real-time shadow mapping, and hand-drawn editorial typography via the Canvas API.
Stack: Three.js · JavaScript · WebGL · Verlet Physics · Canvas API · Space Grotesk
Interesting 🔥 Where did you design your preview?
Designed and refined two AI-powered landing page concepts focused on engagement and clean conversion UX.
Currently exploring how far simplicity can push conversions.
Which direction feels stronger to you?
“Picsar” or “Pics”? 👀
#UIUX #LandingPageDesign #Framer #Figma #ProductDesign #SaaS
1 voted
50%
1 voted
50%
2 votes
Closed
Pics direction feels stronger to me!
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?