Member-only story

AI-Powered Frontend Development in OutSystems O11 and ODC

8 min readSep 9, 2026

A practical approach to using AI agents, TypeScript, JavaScript, CSS, and an iceberg architecture to build and evolve frontend components outside Service Studio.

If there is one hot topic in software development these days, it is the use of Artificial Intelligence.

When developing software, an AI model or agent can generate code and interact with applications like Gmail, Jira, Figma, Slack — you name it.

One of the best ways for a platform or product to allow external AI agents to interact with it is by providing a built-in MCP server.

MCP (Model Context Protocol) is a standard that allows AI models and agents to connect to external software and data sources through a common interface.

Think of it as a standardized adapter between AI and software.

Non-Medium members can read the full story free here: Friend Link — Unlocked

Let’s take Figma as an example

Figma has its own Figma MCP Server.

The MCP server acts as a bridge between Figma and AI-powered development tools such as Claude Code, Cursor, VS Code, and GitHub Copilot.

the ignored problem is ownership. once typescript, css, and ai-generated components live outside service studio, the low-code promise starts leaking fast: upgrades, security checks, and debugging now need a real frontend team. mcp makes integration…

As the external TypeScript and CSS codebase expands, what becomes the hardest part to maintain: versioning, backward compatibility, testing, or keeping Block interfaces stable?

We also share similar interests, and I’d love to connect.

ITNEXT

AI-Powered Frontend Development in OutSystems O11 and ODC

Let’s take Figma as an example

Written by António Carvalho

Published in ITNEXT

Responses (3)

More from António Carvalho and ITNEXT

How do I use an AI-powered IDE in OutSystems

The industry has evolved a lot in the last year regarding AI capabilities when creating applications, and Cursor is becoming a standard…

If You Thought Claude Max 20x Meant 20x Weekly Usage — You Were Wrong

Paying double for four times the usage sounded like a no-brainer… until you realized what limit it applied to.

AI made Tailwind sell to Shopify

Dead Internet theories, anyone?

Web Component in Action, using OutSystems

If you have been following my previous articles, you already know I like to talk about micro-frontends and Web Components.

Recommended from Medium

MCP is Dead

Why you should avoid using MCP in Claude Code and what to use instead

GPT-6 Astra just ended software.

And coding has NOTHING to do with that.

How To Run Claude Like a Tech Lead, Not a Senior Engineer

You already know how to brief one session. The leverage now is running four of them and still shipping code you’d put your own name on.

What Should Programmers Do While the AI Writes Code?

Hint: not start another AI coding loop

UI Trends That Are Actually Happening (and Worth Paying Attention To)

Not every trend is worth chasing. But some of them are quietly changing how products get built.

Agent Harness — A complete guide

There isn’t much more to understanding Agent Harness than what's in here!