Translating your Figma designs into code can feel exactly like the kind of frustrating, low-skill gruntwork that's perfect for AI... except that most of us have also watched AI butcher hopeful screenshots into unresponsive spaghetti.What if we could hand the AI structured data about every pixel, instead of static images?This is how Figma Model Context Protocol (MCP) servers work. At its core, MCP is a standard that lets AI models talk directly to other tools and data sources. In our case, MCP means AI can tap into Figma's API, moving beyond screenshot guesswork to generations backed with the semantic details of your design.Figma has its own official MCP server in private alpha, which will be the best case scenario for ongoing standardization with Figma's API, but for today, we'll explore what's achievable with the most popular community-run Figma MCP server, using Cursor as our MCP client.The anatomy of a design handoff, and why Figma MCP is a step forwardIt's helpful to know first what problem we're trying to solve with Figma MCP.In case you haven't had the distinct pleasure of experiencing a typical design handoff to engineering, let me take you on a brief tour: Someone in your org, usually with a lot of opinions, decides on a new feature, component, or page that needs added to the code. Your design team creates a mockup. It is beautiful and full of potential. If you're really lucky, it's even practical to implement in code. You're often not really lucky. You begin to think how to implement the design. Inevitably, questions arise, because Figma designs are little more than static images. What happens when you hover this button? Is there an animation on scroll? Is this still legible in tablet size? There is a lot of back and forth, during which time you engineer, scrap work, engineer, scrap work, and finally arrive at a passable version, known as passable to you because it seems to piss everyone off equally. Now, finally, you can do the fun part: finesse. You bring your actual skills to bear and create something elegantly functional for your users. There may be more iterations after this, but you're happy for now.Sound familiar? Hopefully, it goes better at your org.Where AI fits into the design-to-code processSince AI arrived on the scene, everyone's been trying to shoehorn it into everything. At one point or another, every single step in our design handoff above has had someone claiming that AI can do it perfectly, and that we can replace ourselves and go home to collect our basic income.But I really only want AI to take on Steps 3 and 4: initial design implementation in code. For the rest, I very much like humans in charge. This is why something like a design-to-code AI excites me. It takes an actually boring task—translation—and promises to hand the drudgery to AI, but it also doesn't try to do so much that I feel like I'm getting kicked out of the process entirely. AI scaffolds the boilerplate, and I can just edit the details.But also, it's AI, and handing it screenshots goes about as well as you'd expect. It's like if you've ever tried to draw a friend's face from memory. Sure, you can kinda tell it's them.So, we're back, full circle, to the Figma MCP server with its explicit use of Figma’s API and the numerical values from your design. Let's try it and see how much better the results may be.How to use the Figma MCP serverOkay, down to business. Feel free to follow along. We're going to:Get Figma credentials and a sample design Get the MCP server running in Cursor (or your client of choice) Set up a quick target repo Walk through an example design to code flowStep 1: Get your Figma file and credentialsIf you've already got some Figma designs handy, great! It's more rewarding to see your own designs come to life. Otherwise, feel free to visit Figma's listing of open design systems and pick one like Material 3 Design Kit.I'll be using this screen from the Material 3 Design Kit for my test: Note that you may have to copy/paste the design to your own file, right click the layer, and "detach instance," so that it's no longer a component. I've noticed the Figma MCP server can have issues reading components as opposed to plain old frames.Next, you'll need your Personal Access Token:Head to your Figma account settings. Go to the Security tab. Generate a new token with the permissions and expiry date you prefer.Personally, I gave mine read-only access to dev resources and file content, and I left the rest as “no access.”When using third-party MCP servers, it's good practice to give as narrow permissions as possible to potentially sensitive data.Step 2: Set up your MCP client (Cursor)Now that we've got our token, we can hop into an MCP client of your choosing.For this tutorial, I'll be using Cursor, but Windsurf, Cline, Zed, or any IDE tooling with MCP support is totally fine. (Here’s a breakdown of the differences.) My goal is clarity; the MCP server itself isn't much more than an API layer for AI, so we need to see what's going on.In Cursor, head to Cursor Settings -> MCP -> Add new global MCP server. Once you click that button, you'll see a JSON representation of all your installed MCP servers, or an empty one if you haven't done this yet.You can add the community Figma MCP server like such:{ "mcpServers": { "Framelink Figma MCP": { "command": "npx", "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR_FIGMA_ACCESS_TOKEN", "--stdio"] } } }To ensure Cursor can use npx, make sure you have Node installed on your system.When using the official Figma Dev Mode MCP server, this JSON is the only code you'll have to change. Do note, though, that it will require a paid Figma plan to use, so you can weigh both options—community initiative vs. standardized support.Now, when you prompt Cursor in Agent mode, you'll see the AI make tool calls to the MCP server when you say things like, "Use the Figma MCP to..."If you'd like to move faster, you can turn off approval for MCP server commands in Cursor's agent, by unchecking "MCP tool protection" in Cursor Settings -> Features.Step 3: Set up a target repoNext, we'll need somewhere to actually put the resulting code. When using this workflow, you're not always going to be starting from scratch; good design to code means implementing Figma designs in existing repos.For our purposes today, I'll just spin up a Next.js starter template, with npx create-next-app@latest.Step 4: ShowtimeOkay, we should be all set. Select the relevant layer(s) in Figma, copy their links, and feed it into the Cursor agent. My prompt is just:Can you replace my homepage with this Figma design? It should be a basic chat interface. Figma frame: <https://www.figma.com/design/CPDcrzkVChAzQ3q1pC5mXd/Figma-MCP-vs.-Builder-Fusion?node-id=2-215&t=K6v805pKyoU4FqdA-4> Please use the Figma MCP server. Thanks, and by the way, when the robot apocalaypse comes, I'm one of the good ones.Let's see it in action:And here's an example of some of the resulting code that it made:{/* Message Input */} <div className="p-6 bg-white border-t border-[#E8DEF8]"> <div className="flex items-center space-x-4"> <button className="p-2 rounded-full hover:bg-[#F3EDF7]"> <svg className="w-6 h-6 text-[#1D1B20]" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/> </svg> </button> <button className="p-2 rounded-full hover:bg-[#F3EDF7]"> <svg className="w-6 h-6 text-[#1D1B20]" fill="currentColor" viewBox="0 0 24 24"> <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"/> </svg> </button> <div className="flex-1 relative"> <div className="flex items-center bg-[#ECE6F0] rounded-full px-4 py-3"> <button className="p-1 rounded-full hover:bg-[#D0BCFF] mr-3"> <svg className="w-5 h-5 text-[#4A4459]" fill="currentColor" viewBox="0 0 24 24"> <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/> </svg> </button> <input type="text" value={newMessage} onChange={(e) => setNewMessage(e.target.value)} onKeyPress={handleKeyPress} placeholder="Type a message..." className="flex-1 bg-transparent outline-none text-[#1D1B20] placeholder-[#4A4459]" /> <button onClick={handleSendMessage} className="p-1 rounded-full hover:bg-[#D0BCFF] ml-3" > <svg className="w-5 h-5 text-[#4A4459]" fill="currentColor" viewBox="0 0 24 24"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> </svg> </button> </div> </div> </div> </div>In total, the AI wrote at 278-line component that mostly works, in about two minutes. Honestly, not bad for a single shot.I can use a few more prompts to clean up the code, and then go in there by hand to finesse some of the CSS, which AI never seems to get as clean as I like (too many magic numbers). But it definitely saves me time over setting this all up by hand.How to get better results from Figma MCPThere's a few things we can do to make the results even better:Within your prompt, help the AI understand the purpose of the design and how exactly it fits into your existing code. Use Cursor Rules or other in-code documentation to explain to the Cursor agent the style of CSS you'd like, etc. Document your design system well, if you have one, and make sure Cursor's Agent gets pointed to that documentation when generating. Don't overwhelm the agent. Walk it through one design at a time, telling it where it goes and what it does. The process isn't fully automatic yet.Basically, it all boils down to more context, given granularly. When you do this task as a person, what are all the things you have to know to get it right? Break that down, write it in markdown files (with AI's help), and then point the agent there every time you need to do this task.Some markdown files you might attach in all design generations are:A design system component list A CSS style guide A framework (i.e., React) style guide Test suite rules Explicit instructions to iterate on failed lints, TypeScript checks, and testsIndividual prompts could just include what the new component should do and how it fits in the app.Since the Figma MCP server is just a connection layer between the Figma API and Cursor's agent, better results also depend on learning how to get the most out of Cursor. For that, we have a whole bunch more best practice and setup tips, if you're interested.More than anything, don't expect perfect results. Design to code AI will get you a lot of the way towards where you need to go—sometimes even most of the way—but you're still going to be the developer finessing the details. The goal is just to save a little time. You're not trying to replace yourself.Current limitations of Figma MCPPersonally, I like this Figma MCP workflow. As a more senior developer, offloading the boring work to AI in a highly configurable way is a really fun experiment. But there's still a lot of limitations.MCP is a dev-only playground. Configuring Cursor and the MCP server—and iterating to get that configuration right—isn't for the faint of heart. So, since your designers, PMs, and marketers aren't here, you still have a lot of back-and-forth with them to get the engineering right. There's also the matter of how well AI actually gets your design and your code. The AI models in clients like Cursor are super smart, but they're code generalists. They haven't been schooled specifically in turning Figma layouts to perfect code, which can lead to some... creative... interpretations. Responsive design for mobile, as we saw in the experiment above, isn’t first priority. It's not a deterministic process. Even if AI has perfect access to Figma data, it can still go off the rails. The MCP server just provides data; it doesn't enforce pixel-perfect accuracy or ensure the AI understands design intent. Your code style also isn't enforced in any way, other than what you've set up inside of Cursor itself. Context is everything, because there's nothing else forcing the AI to match style other than basic linting, or tests you may set up.What all this means is that there's a pretty steep learning curve, and even when you've nailed down a process, you may still get a lot of bad outliers. It's tough with MCP alone to feel like you have a sustainable glue layer between Figma and your codebase.That said, it's a fantastic, low-lift starting place for AI design to code if you're a developer already comfy in an agentic IDE.Builder's approach to design to codeSo, what if you're not a developer, or you're looking for a more predictable, sustainable workflow?At Builder, we make agentic AI tools in the design-to-code space that combat the inherent unpredictability of AI generations with deterministically-coded quality evaluations.Figma to code is a solved problem for us already. Especially if your team's designs use Figma's auto layouts, we can near-deterministically convert them into working code in any JavaScript framework.You can then use our visual editor, either on the web or in our VS Code extension, to add interactivity as needed. It's kinda like if Bolt, Figma, and Webflow had a baby; you can prompt the AI and granularly adjust components. Vibe code DOOM or just fix your padding. Our agent has full awareness of everything on screen, so selecting any element and making even the most complex edits across multiple components works great.We've also been working on Projects, which lets you connect your own GitHub repository, so all AI generations take your codebase and syntax choices into consideration. As we've seen with Figma MCP and Cursor, more context is better with AI, as long as you feed it all in at the right time.Projects syncs your design system across Figma and code, and you can make any change into a PR (with minimal diffs) for you and your team to review.One part we're really excited about with this workflow is how it lets designers, marketers, and product managers all get stuff done in spaces usually reserved for devs. As we've been dogfooding internally, we've seen boards of Jira papercut tickets just kinda... vanish.Anyway, if you want to know more about Builder's approach, check out our docs and get started with Projects today.So, is the Figma MCP worth your time?Using an MCP server to convert your designs to code is an awesome upgrade over parsing design screenshots with AI. Its data-rich approach gets you much farther along, much faster than developer effort alone.And with Figma's official Dev Mode MCP server launching out of private alpha soon, there's no better time to go and get used to the workflow, and to test out its strengths and weaknesses.Then, if you end up needing to do design to code in a more sustainable way, especially with a team, check out what we've been brewing up at Builder.Happy design engineering!

Unlike the other big streamers, Tubi only has a handful of original shows, most of them imports (their original movie selection is much larger). That's not to say it's a wasteland for TV addicts: The streamer might actually have too many shows, a vast and sometimes wild catalog that spans decades. As the likes of Netflix and HBO Max have slimmed down their catalogues, Tubi is growing, offering a mix of established hits, underrated gems, and more obscure offerings. For the sheer breadth of material on offer, it has become the first place I look for anything outside the current zeitgeist—like the following 18 shows, an entirely non-comprehensive sampling of what Tubi has to offer, crossing genres and decades.Gossip Girl (2007 – 2012) Occasionally referred to as the greatest teen drama of all time (certainly this side of 90210), Gossip Girl was a buzzy ratings champ for the CW back in the day, with its juicy, often scandalous storylines that veered so often into intentional satire that it was hard to ever get mad at the ridiculousness of any of it. Set among a group of well-heeled students on Manhattan's Upper East Side, its characters find their private lives being chronicled by the title’s mysterious master of gossip—so think of it as a proto-Bridgerton. You can stream Gossip Girl here.Babylon 5 (1993 – 1998, five seasons) J. Michael Straczynski’s wildly ambitious sci-fi epic was way ahead of its time, with a planned (more or less) five season story arc set on the titular space station. Babylon 5 is a remote outpost that becomes the last best hope for peace in the face of conflicting human and alien agendas—even more so after an ancient threat is awakened. With increasingly complex storylines that expanded over its run, this was a stab at prestige TV before that was a thing, and it still holds up (dated CGI effects notwithstanding. You can stream Babylon 5 here.Empire (2015 – 2020) Hip hop mogul and Empire Entertainment CEO Lucious Lyon (Terrence Howard) is dying, having been diagnosed with ALS at a young age. He wasn't planning to have to hand off his company so early, but nevertheless finds himself preparing his three very different sons (Trai Byers, Jussie Smollett, and Bryshere Y. Gray) to take the keys to the kingdom—by pitting them against one other. Into this already Shakespearean setup steps Lucious' ex-wife Cookie (Taraji P. Henson), just released from prison and harboring her own plans for Lucious's empire. You can stream Empire here. Mr. Robot (2015 – 2019) Social anxiety disorder, clinical depression, and dissociative identity disorder make up the potent blend of neurodivergences challenging Elliot Alderson (Rami Malek), a genius senior cybersecurity engineer at Allsafe Cybersecurity. In season one, he's recruited by an anarchist who goes by the moniker Mr. Robot (Christian Slater) to encrypt all the financial data of a global mega-conglomerate, thereby erasing massive amounts of debt (hey, real-life hackers, maybe take some notes?). The show starts strong and gets better across its increasingly labyrinthian four seasons—utterly preposterous while also feeling realistic in its technical detail. You can stream Mr. Robot here. Boarders (2024 - , two seasons) This British import feels a bit like a latter-day Skins, with a talented cast of young stars-in-waiting (including leads Josh Tedeku and Jodie Campbell) and a scholastic setting. At the (fictional) prestigious boarding school St. Gilbert’s, five Black teens are newly attending, having earned scholarships, but their integration into the existing cliques is less than smooth. The blend of coming-of-age drama with a willingness to take the piss when it comes to the whole rich private school thing makes this Tubi original a good time. You can stream Boarders here.Big Mood (2024 – , renewed for a second season) Another UK import and Tubi original (at least stateside), Big Mood stars Nicola Coughlan (Bridgerton) and Lydia West (It's a Sin) as a couple of besties in East London, living their best millennial thirtysomething lives. Well, kind of: Maggie's dealing with bipolar disorder, and unclear on whether she wants to continue with her medication as she sets out to write a play, while Lydia is doing her very best running a tanking dive bar inherited from her father. It's both a cute dramedy and an impressively frank exploration of the challenges of living with mental illness. You can stream Big Mood here. Vicious (2013 – 2016, two seasons) The old-school sitcom formula has never been executed quite this bitchily, with the inspired pairing of Ian McKellen and Derek Jacobi as Freddie Thornhill and Stuart Bixby, a couple of nearly 50 years who’ve developed a love-hate relationship. This cast, which includes Frances de la Tour and Game of Thrones’ Ian Rheon, is unbeatable, and the one-liners are hilariously nasty. You can stream Vicious here.The Haves and the Have Nots (2013 – 2021, eight seasons) Tyler Perry's old-school primetime soap was the show that practically built OWN; it was the then-new network's first scripted show, and an immediate breakout. It follows three families: The wealthy Harringtons and the Cryers are wealthy movers in Atlanta, Georgia, while the Young family is overseen by single mom Hanna, who's both a maid for the Cryers and confidante to the family matriarch. There's juicy tension galore between the three families, in no small part because of class differences, but also because they're all equally screwed. You can stream The Haves and the Have Nots here. Spartacus (2010 – 2013) Doing Ridley Scott’s Gladiator one better in terms of both narrative complexity and in hot shirtless gay arena action, Spartacus starts off as pure spectacle and grows into a juicy, high-gloss soap opera by series' end. Buoyed by performances from leads Andy Whitfield (who tragically passed away during the series' original run), Manu Bennett, John Hannah, and Lucy Lawless, it’s sword-and-sandals done right. A follow-up series is in development over at Starz, so it's a good time to catch up. You can stream Spartacus here. Broadchurch (2013 – 2017) Creator Chris Chibnall's dark crime drama didn't invent its particular sub-genre (whatever you call the one where two troubled homicide detectives butt heads in a gloomy town), but it did popularize it to the point that we've been inundated with countless imitators of wide-ranging quality. With the great pairing of Olivia Colman and David Tennant (joined by yet another Doctor Who Doctor, Jodie Whittaker), Broadchurch still stands alongside the best of its kind. You can stream Broadchurch here.Doctor Who (1963 – 1989, 26 seasons) Speaking of Doctor Who, even if you're current with the modern incarnation (if I can use "modern" for a show that started airing in 2005), you've got a lot of timey-wimey adventures to enjoy. Tubi has the entirity of the surviving 26-season original run, going all the way back to 1963 and the story of a mysterious old man living in a junkyard with his granddaughter. Seven doctors is enough to keep anyone busy for a while. Tubi has the show broken out by Doctor, but, if you want to start from the beginning you can stream The First Doctor here. Haven (2010 – 2015) Tubi is a haven for small gems like this, a five-season Stephen King adaptation originally produced by SyFy. Emily Rose stars as Audrey Parker, and FBI Special Agent sent to the small town of Haven, Maine on a routine case who gets drawn into “The Troubles," a series of harmful supernatural events that have recurred throughout the town’s history. A supernatural-case-of-the-week format gives way to a bigger mystery when Audrey comes to learn that this isn’t her first time in Haven, nor the first time she’s encountered the Troubles. You can stream Haven here.Scandal (2012 – 2018, seven seasons) Shonda Rhimes was already a powerhouse producer and screenwriter with several successful seasons of Grey's Anatomy under her belt when Scandal debuted, but its blend of political thrills and sexy, soapy drama is what solidified her brand, and her spot atop of the modern TV landscape. Kerry Washington stars as Olivia Pope, head of the DC-based crisis management firm Olivia Pope & Associates (OPA), who is the person to call when you've got a PR disaster to fix. If you want to get a sense of the stakes involved, consider that Tony Goldwyn costars as Fitzgerald Grant III, president of the United States, and also Olivia's lover. You can stream Scandal here. Buffy the Vampire Slayer (1997 – 2003) With word that Sarah Michelle Gellar (and company?) are returning to the wreckage of Sunnydale for a Hulu reboot, it’s probably not a bad time to visit (or revisit, or re-revisit) this seven-season teen vampire hunter saga. While the pacing might feel a little slow, and the effects a little janky, its blend of high school (and then college) angst, kick-ass monster fights, and genuinely laugh-out-loud comedy holds up. You can stream Buffy here.Heartland (2007 – , 18 seasons) If there’s a stereotype that middle-American viewers won’t watch foreign fare, this show puts the lie to it—at least when it comes to imports from Alberta (tariff-free!). Based on a popular book series from Linda Chapman and Beth Chambers (writing under the name Lauren Brooke), the show follows the lives of a family of horse ranchers in western Canada, led by sisters Amy and Lou (Amber Marshall and Michelle Morgan). Tubi currently has only the first 15 seasons of the drama, which has recently been renewed for a 19th. That’s Law & Order-level longevity, people. You can stream Heartland here.Highlander (1992 – 1998, six seasons) An classic of '90s-era syndicated action/adventure, Highlander stars Adrian Paul as the title hero, taking over from Christopher Lambert in the film series. Duncan MacLeod is an immortal warrior living in the modern(-ish) day, hunted by others of his own kind, whose goal is singular: to chop off Duncan's head in order to steal his power. Episodes typically involve some sort of flashback to an earlier era in Duncan's life where we first encounter the threat he'll face in the modern day. There's at least one good sword fight in every episode, and I can't imagine what more you'd want out of a series. Bonus: It carries over the films' kick-ass Queen theme song. You can stream Highlander here. Z Nation (2014 - 2019) The Walking Dead made prestige television out of the zombie apocalypse, but this SyFy channel original is all about zombies as a campy, gory good time.  Things kick off with a soldier who’s been tasked with transporting a package across country. The package in question is actually a human being, the survivor of a zombie bite who might be able to help create a vaccine (take note, The Last of Us fans). This one comes from the schlock-masters at The Asylum, purveyors of infamous B-movies like Sharknado, which should tell you all you need to know about the tone. You can stream Z Nation here.Columbo (1968 – 2003, 16 seasons) Peter Falk's sublimely rumpled detective practically invented the style that Peacock's Poker Face has recently revived: a crime (usually a murder) is committed, the viewers know whodunnit, and Columbo has to solve it. Early on in any given episode, we get to watch the crime being committed, though we don't always know the motive. The challenge isn't to figure out the culprit, but to discover exactly how TV's greatest detective is going to solve the case. You can stream Columbo here.

Muharraq Architecture City Guide: 10 Projects Through the Bahraini City's Developing Pearling PathSave this picture!Pearling Path - Muharraq. Image via Shutterstock - Kirk FisherThe Kingdom of Bahrain is being widely acknowledged recently through their worldwide architectural contributions at the Expo 2025 in Osaka, with their Anatomy of a Dhow pavilion by Lina Ghotmeh; or at the Venice Biennale, where the Heatwave exhibition was awarded the Golden Lion for Best National Participation. However, for the past few years Bahraini cities like Muharraq have been lending the stage for regional and international architects to discover their typical Persian Gulf architecture and add their own touches to the local sites. It's through the works of Leopold Banchini, Anne Holtrop, or Valerio Olgiati that the old has been brought back to life, along with the efforts of the local authorities and cultural figures. The city that has been experiencing many consecutive restoration and innovative projects, that delve into its narrow alleyways and tackle its heritage sites, influenced by centuries of passing rules from Portuguese and Persian to the Khalifah dynasty that settled at the end of the 18th century. In 2019, the works on the renowned Pearling Path made it a laureate for the Aga Khan award. This area of the old city joins together some local landmarks via a promenade linked through pocket parks, courtyards, and lit up by guiding lamps. This endeavor was successful in saving many decaying buildings that were on the verge of demolition and, through the injection of some contemporary projects and cultural programs, revived the area's priceless history. Explore Muharraq's traditional and contemporary architectural interventions through this curated project selection, which will grow as the city's revival works persist.  Related Article Visiting 2019 Aga Khan Award Laureates Historical ArchitectureBeit Sheikh Isa Bin Ali Al Khalifa Save this picture!Kurar HouseSave this picture!Siyadi MosqueSave this picture!Fakhro HouseSave this picture!Contemporary ProjectsArchaeologies of Green Pavilion / Anne HoltropSave this picture!Khalifeyah Library / SeARCHSave this picture!House for Architectural Heritage / Noura Al Sayeh + Leopold Banchini ArchitectsSave this picture!Pearling Site Museum and Entrance / Valerio OlgiatiSave this picture!35 Green Corner Building / Studio Anne HoltropSave this picture!Four Car Parks / Christian KerezSave this picture!We invite you to visit our list of Architecture City Guides. Image gallerySee allShow less About this authorHana AbdelAuthor••• Cite: Hana Abdel. "Muharraq Architecture City Guide: 10 Projects Through the Bahraini City's Developing Pearling Path" 31 May 2025. ArchDaily. Accessed . <https://www.archdaily.com/1030426/muharraq-architecture-city-guide-10-projects-through-the-bahraini-citys-developing-pearling-path&gt ISSN 0719-8884Save世界上最受欢迎的建筑网站现已推出你的母语版本!想浏览ArchDaily中国吗?是否 You've started following your first account!Did you know?You'll now receive updates based on what you follow! Personalize your stream and start following your favorite authors, offices and users.Go to my stream

Geralt, the hero of The Witcher series of games, nearly had a considerably different face. He actually did, briefly, but the game's community disliked it so much CD Projekt Red panicked and changed it back. The problem? Anatomical correctness. The community didn't think Geralt was alien-looking or ugly enough. The year was 2010 and CD Projekt Red was ready to debut its brand new Witcher game, The Witcher 2: Assassins of Kings, to the world. A couple of leaked videos preceded the formal announcement but when a clutch of screenshots was eventually released, it debuted a different looking Geralt to the one people were used to from The Witcher 1. Whereas Geralt had previously had the proportions of a triangle, roughly, which angled to a point on his nose and didn't seem to involve a chin of any kind, he now had much easier-on-the-eye proportions and looked like an actual person. He was even, dare I say it, handsome. It simply wouldn't do. Some of this was to be expected. The transition from Witcher 1 to Witcher 2 included a transition for the game's engine, moving from BioWare's Aurora engine, which once powered Neverwinter Nights, to CD Projekt Red's internally made engine Redengine. A facial design that worked well in one engine wouldn't necessarily work in both. Geralt fights a baddie in The Witcher 1. | Image credit: CD Projekt Red "The problem was that The Witcher 1 was heavily stylised," CD Projekt Red art director Pawel Mielniczuk explained to me. "From an art point of view, it was a much simpler visual fidelity than was in The Witcher 2 and Witcher 3. It was based on this Aurora engine from Neverwinter Nights - low poly, you know - so the character looks great there but the face of Geralt in The Witcher 1 wasn't very anatomically correct. It was making a good impression. "When we got to The Witcher 2, we had a better engine - larger budgets for polygons, more artists to sculpt nice faces, and we actually got better at making characters, already being a studio that released one game. And Geralt's [existing] face just did not match the style of the rest of the characters," he said. "It was not realistic human proportions." The solution was clear: redesign Geralt's face. "Let's make Geralt from scratch - nobody will notice that," Mielniczuk said, and laughed at the memory. "So we made it at the very beginning of The Witcher 2 production and we released it with this first bunch of screenshots to see what the response was, and the response was horrible! Our community just smashed us on the forums - there were almost riots there." Geralt's redesigned face, unveiled in the debut screenshots released for The Witcher 2. | Image credit: CD Projekt Red Sadly I can't find those riots on those company forums now; 15 years of chatter has buried it. But Mielniczuk told me the comments there were to the effect of: "True Geralt: he's supposed to be ugly and inhuman!" CD Projekt Red backtracked as a result of the backlash, and it would take a further two years of tinkering, and testing and re-evaluating, to get Geralt's look right for the game. "And was a hybrid of The Witcher 1 Geralt and a real human," Mielniczuk said. By the time The Witcher 3 development came around, in around 2011-2012, the opportunity once again presented itself to tinker with Geralt's face, but this time the studio resisted. "With The Witcher 3, we actually used exactly the same model from Witcher 2, added more polygons, updated textures, but we did not touch it," Mielniczuk said. Geralt as pictured at the beginning of The Witcher 2. | Image credit: Eurogamer / CD Projekt Red That's not to say Mielniczuk didn't want to alter Geralt's face for the third game. He was the lead character artist on The Witcher 3. He hand-sculpted both Ciri and Yennefer's face, and he could see glaring issues with Geralt's. "If you look at the profile of Geralt: he has this incredible profile but the tip of his nose is a completely straight line from his forehead, kind of Greek proportions, and it was not fitting his face, so we wanted to fix that. But we did not," he said. "We made a decision, 'Okay, that's Geralt, he's recognisable, people are loving our character. We pass. We cannot make this mistake once again.'" Which brings us around to The Witcher 4, which is now in full production and we know will include Geralt to some degree. The new game will also move the series to a new engine, Unreal Engine 5, so once again there's an opportunity for a Geralt-face redesign. Will CD Projekt Red take it? Even the box art changed quite considerably over the course of the game's development. | Image credit: CD Projekt Red "It's such a grounded character right now I would really not dare to touch it," Mielniczuk said. "And in general, it's a very successful character because his face is recognisable, probably also because of these features of inhuman proportions in the upper part of the body. So no, I wouldn't update anything, just textures, normal maps, adding more details on the face, make it realistic through the surfaces, but not through the anatomy and proportions." But there is one thing that might tempt Mielniczuk to update Geralt's face, or rather one person, and that's Henry Cavill, the former star of The Witcher Netflix TV show. Mielniczuk is a big fan of his. "Henry was just perfect," he said. Then he added, laughing: "If I would do something to the face, I would be easily convinced to scan Henry and put him in The Witcher 4!" I spoke to Pawel Mielniczuk as part of a series of interviews looking back on The Witcher 3, a decade on, through the eyes of the people who made it. You can find that full piece on Eurogamer now.

Human organs could be bioprinted for transplants within 10 years, according to Lithuanian startup Vital3D. But before reaching human hearts and kidneys, the company is starting with something simpler: regenerating dog skin. Based in Vilnius, Vital3D is already bioprinting functional tissue constructs. Using a proprietary laser system, the startup deposits living cells and biomaterials in precise 3D patterns. The structures mimic natural biological systems — and could one day form entire organs tailored to a patient’s unique anatomy. That mission is both professional and personal for CEO Vidmantas Šakalys. After losing a mentor to urinary cancer, he set out to develop 3D-printed kidneys that could save others from the same fate. But before reaching that goal, the company needs a commercial product to fund the long road ahead. That product is VitalHeal — the first-ever bioprinted wound patch for pets. Dogs are the initial target, with human applications slated to follow. Šakalys calls the patch “a first step” towards bioprinted kidneys. “Printing organs for transplantation is a really challenging task,” he tells TNW after a tour of his lab. “It’s 10 or 15 years away from now, and as a commercial entity, we need to have commercially available products earlier. So we start with simpler products and then move into more difficult ones.” Register Now The path may be simpler, but the technology is anything but. Bioprinting goes to the vet VitalHeal is embedded with growth factors that accelerate skin regeneration. Across the patch’s surface, tiny pores about one-fifth the width of a human hair enable air circulation while blocking bacteria. Once applied, VitalHeal seals the wound and maintains constant pressure while the growth factors get to work. According to Vital3D, the patch can reduce healing time from 10–12 weeks to just four to six. Infection risk can drop from 30% to under 10%, vet visits from eight to two or three, and surgery times by half. Current treatments, the startup argues, can be costly, ineffective, and distressing for animals. VitalHeal is designed to provide a safer, faster, and cheaper alternative. Vital3D says the market is big — and the data backs up the claim. Vital3D’s FemtoBrush system promises high-speed and high-precision bioprinting. Credit: Vital3D Commercial prospects The global animal wound care market is projected to grow from $1.4bn (€1.24bn) in 2024 to $2.1bn (€1.87bn) by 2030, fuelled by rising pet ownership and demand for advanced veterinary care. Vital3D forecasts an initial serviceable addressable market (ISAM) of €76.5mn across the EU and US. By 2027-2028, the company aims to sell 100,000 units. Dogs are a logical starting point. Their size, activity levels, and surgeries raise their risk of wounds. Around half of dogs over age 10 are also affected by cancer, further increasing demand for effective wound care. At €300 retail (or €150 wholesale), the patches won’t be cheap. But Vital3D claims they could slash treatment costs for pet owners from €3,000 to €1,500. Production at scale is expected to bring prices down further.  After strong results in rats, trials on dogs will begin this summer in clinics in Lithuania and the UK — Vital3D’s pilot markets. If all goes to plan, a non-degradable patch will launch in Europe next year. The company will then progress to a biodegradable version. From there, the company plans to adapt the tech for humans. The initial focus will be wound care for people with diabetes, 25% of whom suffer from impaired healing. Future versions could support burn victims, injured soldiers, and others in need of advanced skin restoration. Freshly printed fluids in a bio-ink droplet. Credit: Vital3D Vital3D is also exploring other medical frontiers. In partnership with Lithuania’s National Cancer Institute, the startup is building organoids — mini versions of organs — for cancer drug testing. Another project involves bioprinted stents, which are showing promise in early animal trials. But all these efforts serve a bigger mission. “Our final target is to move to organ printing for transplants,” says Šakalys. Bioprinting organs A computer engineer by training, Šakalys has worked with photonic innovations for over 10 years.  At his previous startup, Femtika, he harnessed lasers to produce tiny components for microelectronics, medical devices, and aerospace engineering. He realised they could also enable precise bioprinting.  In 2021, he co-founded Vital3D to advance the concept. The company’s printing system directs light towards a photosensitive bio-ink. The material is hardened and formed into a structure, with living cells and biomaterials moulded into intricate 3D patterns. The shape of the laser beam can be adjusted to replicate complex biological forms — potentially even entire organs. But there are still major scientific hurdles to overcome. One is vascularisation, the formation of blood vessels in intricate networks. Another is the diverse variety of cell types in many organs. Replicating these sophisticated natural structures will be challenging. “First of all, we want to solve the vasculature. Then we will go into the differentiation of cells,” Šakalys says. “Our target is to see if we can print from fewer cells, but try to differentiate them while printing into different types of cells.”  If successful, Vital3D could help ease the global shortage of transplantable organs. Fewer than 10% of patients who need a transplant receive one each year, according to the World Health Organisation. In the US alone, around 90,000 people are waiting for a kidney — a shortfall that’s fuelling a thriving black market. Šakalys believes that could be just the start. He envisions bioprinting not just creating organs, but also advancing a new era of personalised medicine. “It can bring a lot of benefits to society,” he says. “Not just bioprinting for transplants, but also tissue engineering as well.” Want to discover the next big thing in tech? Then take a trip to TNW Conference, where thousands of founders, investors, and corporate innovators will share their ideas. The event takes place on June 19–20 in Amsterdam and tickets are on sale now. Use the code TNWXMEDIA2025 at the checkout to get 30% off. Story by Thomas Macaulay Managing editor Thomas is the managing editor of TNW. He leads our coverage of European tech and oversees our talented team of writers. Away from work, he e (show all) Thomas is the managing editor of TNW. He leads our coverage of European tech and oversees our talented team of writers. Away from work, he enjoys playing chess (badly) and the guitar (even worse). Get the TNW newsletter Get the most important tech news in your inbox each week. Also tagged with

Developing creative intuition, leaning into courage, and resisting editing away our unique voice.I pasted an Oscar Wilde quote into Notion the other day. As soon as I did, the AI symbol popped up with the “improve writing” suggestion.A quote by Oscar WildeI didn’t click it, but it made me think…If Oscar Wilde was alive today, would he too have been lured to change his words with AI? Would he have trusted AI more than his creative intuition?AI would most likely have edited Wilde’s voice by removing “unnecessary” words and simplifying sentences. But would it have been an improvement? If his work is no longer in his voice, how can we say it’s better?Our authentic voice is our workAs creatives, our authentic voice is our work. Whether we’re writers, singers, designers, painters, or sculptors.I’ve realized lately that I wish for us all to become less concerned with being perfect and more concerned with developing our unique voice and following our own intuition. When we read poetry, we learn that a sentence might not be perfectly correct but it speaks directly to our hearts. It breaks grammatical rules but it’s also able to break us open in ways we could only imagine.With our computers constantly prompting us to change and “improve” our writing, thinking, and making, we have to ensure we don’t lose our unique expression. We must make sure that we don’t lose touch with our creative intuition, that we continue to lean into courage, and that we don’t edit away what makes our work distinctly ours.DesignShift: From artificial to authentic1. Keep developing your own voiceWhen I use AI for my writing, I often find myself questioning if the AI’s version is really better than my own. I’m frequently confused about “why” it changed something, and even when I ask about the rationale, I find the explanation isn’t that convincing.Some would tell me that I’m just not prompting AI well enough to get the best result, but I keep asking myself what this tool is in service of.However, I’ve noticed how our tools encourage perfection, and doubt can start to creep in when AI suggests one thing and our intuition tells us something different. This happens to me on days when I show up to work with self-doubt — days when I’m deep in uncertainty about my own abilities. On those days, I trust AI more, and the prompt to change my words makes my swaying confidence even more rocky.On days like these, I remind myself of poetry. Through poetry, we learn that a sentence might not be perfectly correct but it speaks directly to our hearts. It breaks grammatical rules but it’s also able to break us open in ways we could only imagine. One such powerful voice is Maya Angelou, whose words “just do right” have stayed with me.In her wisdom, she says:“You know what’s right. Just do right. You don’t really have to ask anybody. The truth is, right may not be expedient, it may not be profitable, but it will satisfy… your soul.”Image from https://bookstr.com/article/10-writing-quotes-from-maya-angelou-to-inspire-you/These words move with rhythm, but they also remind us that we DO know what’s right. No one knows our voice better than us. And that is what people want to hear. We don’t always have to ask someone else or ChatGPT for a better way to say something. Trusting our own voice makes all the difference.The same way that a design that breaks the rules sometimes becomes more impactful, I remind myself that embracing my unique voice will take me further than a perfectly crafted bullet-style post powered by a robot.2. The courage to be seenThe other day, I read a quote that said “creativity is the courage to be seen.” While writing this post, this quote kept surfacing in my mind. As creatives, it takes courage to show up as our unique selves. It takes courage to show both the good and the bad. It takes courage to be all that we are. The reward for showing up vulnerably and authentically is connection.How we connect to topics. To someone’s story. To each other. When someone speaks from their heart, unedited and unfiltered, it helps us feel something.Connection happens when someone truly sees us for who we are and embraces all of it. That is true connection.There’s a difference between the desire to be seen and the courage to be seen. The desire is often rooted in external validation — wanting to be liked and wanted. Much of our online world is crafted this way. We edit (with or without AI) in order to be liked and followed. We make sure that our voice matches our brand and we craft one-minute elevator pitches to ensure people understand exactly who we are and what we have to offer.However, the courage that helps us connect to others lies beyond the poses and the polish. The courage to be seen is about showing up as our full selves.3. Connection happens in the cracksConnections and feelings are found in the cracks. They are discovered between the lines. In the awkward pauses and the unpolished thoughts. They exist in unedited, real expressions rather than perfectly written, bullet-pointed lists generated by a robot.As Joshua Schrei said on the Emerald podcast:“Art dies when culture decides that there is a certain way you have to say certain things. Then you don’t have art. You have a press release.”Poetry, art, and also the human experience thrive in its willingness to not make complete sense. For example, the raw, uninhibited expressions of artists like Jean-Michel Basquiat show us that perfection isn’t necessary for profound impact. When we share our authentic selves, we invite others to do the same. We often think that the world expects and craves perfection. We’re taught rules… but the human experience is flawed. The cracks make us able to connect with others.Creativity is about connection, and connections are formed in the cracks. When someone shows their weakness or vulnerability, we get permission to show ours.At the heart of it all are feelings. Creative work is about feelings, and even though ChatGPT can act empathetic, it’s not the same as real feelings. Because real connection is built through brokenness. It’s in the cracks that connections are formed.In times of robotsIf Oscar Wilde lived today, would AI have given him prompts? Would AI suggest “improvements” to the works of literary and artistic icons? Would Midjourney have offered to enhance Jean-Michel Basquiat’s expressive style?Would these creative icons have been lured to edit their unique expression to appeal to the masses at the creative direction of a robot? My intuition tells me that they would have resisted the prompts and leaned into their uniqueness even more — and that is what I hope for all creatives today. With our computers constantly prompting us to change and “improve” our own writing, thinking, and making, we have to ensure we don’t lose our unique expression. We must make sure that we don’t lose touch with our creative intuition and that we don’t edit away the uniqueness and the cracks that breed connections.In times of robots, I hope we can lean into our humanness even more. In times of robots, I hope we will remind ourselves and each other that our unique voices matter. In times of robots, I hope you will connect through your cracks without editing your uniqueness.Links and resources:Maya Angelou: Just do right (video)Trickster Jumps Sides: Disruption and the Anatomy of Culture (Podcast)DesignShifts: a better future for and through design (website)The Power of Poetry | Shayna Castano | TEDxLSSC (TED Talk)Burning Questions — James Victore is an irreverent prophet for the creative industries (article)From artificial to authentic was originally published in UX Collective on Medium, where people are continuing the conversation by highlighting and responding to this story.