🕷️ Crawler Inspector

URL Lookup

Direct Parameter Lookup

Raw Queries and Responses

1. Shard Calculation

Query:

Response:

Calculated Shard: 50 (from laksa127)

2. Crawled Status Check

Query:

curl -X POST \
  'http://laksa050.int.ahrefs:8124/' \
  -H 'Content-Type: text/plain' \
  -H 'X-ClickHouse-Database: crawler3' \
  -H 'Authorization: Basic YXBpOg==' \
  -d 'SELECT getAhrefsURLFromUnparsed(src_unparsed) AS found_url, ifNull(toUnixTimestamp(download_stamp), 0) AS crawl_time, ifNull(toUnixTimestamp(props_url_first_seen), 0) AS first_indexed_time, download_http_code AS http_code, src_unparsed AS src_unparsed, src_root_hash AS src_root_hash, history_drop_reason AS history_drop_reason, meta_title AS meta_title, meta_descriptions AS meta_descriptions, attrs_boilerpipe_text AS attrs_boilerpipe_text, attrs_markdown AS attrs_markdown, attrs_readable_markdown AS attrs_readable_markdown, meta_canonical AS meta_canonical FROM crawler3.page_info_local FINAL PREWHERE (src_root_hash, src_unparsed) IN ((getAhrefsRootHashFromUnparsed(getAhrefsUnparsedNoserviceFromURL(\'https://www.figma.com/solutions/ai-app-builder/\')), getAhrefsUnparsedNoserviceFromURL(\'https://www.figma.com/solutions/ai-app-builder/\'))) FORMAT JSONEachRow'

Response:

{"found_url":"https:\/\/www.figma.com\/solutions\/ai-app-builder\/","crawl_time":1775418678,"first_indexed_time":1756564040,"http_code":200,"src_unparsed":"com,figma!www,\/solutions\/ai-app-builder\/ s443","src_root_hash":"9084010955901512050","history_drop_reason":null,"meta_title":"Free No-code AI App Builder - Idea to App in Seconds | Figma","meta_descriptions":["Build apps with AI in Figma Make. Turn ideas into interactive, data-connected apps and prototypes—refine, test, and publish with no coding required."],"attrs_boilerpipe_text":"Your idea to working app with AI\nTurn ideas into reality\nSkip the dev backlog and bring your concepts to life as interactive flows, dashboards, or complete apps, all from natural language prompts.\nEdit and iterate with AI\nStart with prompts, then refine in the visual editor, adjust the code for more control, or prompt again to explore new directions.\nDesign and build in one place\nStay in flow as you create, test, and refine in a single workspace, without switching between design and dev tools\n.\nTest interactions with real data\nConnect to a backend to preview exactly how your app will look and behave with live, user-driven data.\nHow to build an app with AI in Figma Make\nFAQs\nBuild faster with Figma AI\nWebsite\nAI website builder\nAI web design\nAI landing page generator\nApp\nAI code generator\nAI app builder\nDesign to code\nPrompt to app\nPrototype\nAI design generator\nAI wireframe generator\nAI UI generator\nAI prototype generator\nAI UX design\nFrom the blog\nApril 2, 2026\nBuild with more context and more control in Figma Make\nStarting today, Make kits and Make attachments bring context into Figma Make, so prototypes start from real components, data, and constraints.\nLearn more\nApril 1, 2026\n6 designs that reimagine how we interact with software\nFrom a multiplayer embroidery sampler to a photo booth that works across time zones, this year's Make-a-thon winners offer new ways to connect, reflect, and play through software.\nLearn more\nMarch 4, 2026\n3 ways product teams are building conviction faster with Figma Make\nFrom communicating complex behaviors to pushing the edges of an idea, product managers at ServiceNow, Ticketmaster, and Affirm are using Figma Make to prototype their way forward.\nLearn more\nFebruary 27, 2026\nWorkflow lab: AI image tooling and interactive prototyping in Figma\nA workflow to try—bringing together precise image editing, Vectorize, and interactive prototypes to move from concept to crit to completion faster.\nLearn more\nJanuary 22, 2026\nShow don't tell: Embed Make prototypes everywhere you work in Figma\nToday, we’re introducing the ability to embed Figma Make prototypes into Figma Design, FigJam, and Figma Slides, along with new editing tools that help you build and share your best ideas.\nLearn more\nJanuary 5, 2026\nCooking with constraints: A designer’s framework for better AI prompts\nDesign and cooking share a truth: Preparation determines the outcome. Structured prompts turn AI from guesswork into a reliable design partner.\nLearn more\nMore resources\nWhat is MCP?\nLearn about Model Context Protocol (MCP), the open standard that simplifies AI integration like a USB-C for data.\nRead article\nWhat is Vibe coding?\nVibe coding combines mood-driven design with seamless coding to create immersive digital experiences that connect emotionally and function flawlessly.\nRead article\nHow to design an app in five steps\nBuilding an app requires research and constant iteration to meet customer needs. Learn how to design an app and how Figma can help in this guide.\nRead article\nGet started for free","attrs_markdown":"This website uses cookies, pixel tags, and local storage for performance, personalization, and marketing purposes. We use our own cookies and some from third parties. Only essential cookies are turned on by default.\n\nAllow all cookies\n\nDo not allow cookies\n\n[Skip to main content](https:\/\/www.figma.com\/solutions\/ai-app-builder\/#main)\n\n- Products\n- - [Figma Design Design and prototype in one place](https:\/\/www.figma.com\/design\/)\n  - [Dev Mode Translate designs into code](https:\/\/www.figma.com\/dev-mode\/)\n  - [FigJam Collaborate with a digital whiteboard](https:\/\/www.figma.com\/figjam\/)\n  - [Figma Slides Co-create presentations](https:\/\/www.figma.com\/slides\/)\n  - [Figma Draw Illustrate with advanced vector tools](https:\/\/www.figma.com\/draw\/)\n  - [Figma Buzz Beta Produce on-brand assets at scale](https:\/\/www.figma.com\/buzz\/)\n  - [Figma Sites Beta Publish fully responsive websites](https:\/\/www.figma.com\/sites\/)\n  - [Figma Make Prompt to code anything you can imagine](https:\/\/www.figma.com\/make\/)\n  - [AI Explore all Figma AI features](https:\/\/www.figma.com\/ai\/)\n  - [MCP Connect Figma to AI coding tools](https:\/\/www.figma.com\/mcp-catalog\/)\n  - [Downloads Get the desktop, mobile, and font installer apps](https:\/\/www.figma.com\/downloads\/)\n  - [Release Notes See the latest features and releases](https:\/\/www.figma.com\/release-notes\/)\n- Solutions\n- ## Use cases\n  ## Roles\n  ## Organizations\n- Community\n- - [Events Learn best practices at virtual events](https:\/\/www.figma.com\/events-and-webinars\/#upcoming-events)\n  - [User groups Join a local Friends of Figma group](https:\/\/friends.figma.com\/)\n  - [Customer stories Read about leading product teams](https:\/\/www.figma.com\/customers\/)\n  - [Figma Gallery Explore Figma Make and Figma Sites projects made by our users](https:\/\/www.figma.com\/gallery\/)\n- Resources\n- - [Shortcut: The Figma blog Stories about how products take shape—and shape our world![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/1883a9ebc4ce697b718301ad247c0fff45c572c1-540x304.png?w=540&h=304&q=75&fit=max&auto=format)](https:\/\/www.figma.com\/blog\/)\n  ## Get started\n  ## Learn\n- [Pricing](https:\/\/www.figma.com\/pricing\/)\n\n- [Log in](https:\/\/www.figma.com\/login)\n- [Contact sales](https:\/\/www.figma.com\/contact\/)\n- [Get started](https:\/\/www.figma.com\/signup)\n  [Get started for free](https:\/\/www.figma.com\/signup)\n\n- [Log in](https:\/\/www.figma.com\/login)\n- [Contact sales](https:\/\/www.figma.com\/contact\/)\n- [Get started](https:\/\/www.figma.com\/signup)\n  [Get started for free](https:\/\/www.figma.com\/signup)\n\n1. [Home](https:\/\/www.figma.com\/)\n2. AI app builder\n\n# AI app building is here in Figma Make\n- [Interactive Quiz App](https:\/\/www.figma.com\/make\/new)\n- [Healthcare Appointment Flow](https:\/\/www.figma.com\/make\/new)\n- [Team Collaboration App](https:\/\/www.figma.com\/make\/new)\n\nGo from great idea to full-blown app, just like that—no coding required.\n\n## Your idea to working app with AI\n![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/b13f3cfa91a14b8cfdcc6c9e493a4cca7e90b800-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format)\n\n### Turn ideas into reality\nSkip the dev backlog and bring your concepts to life as interactive flows, dashboards, or complete apps, all from natural language prompts.\n\n![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/d2517ad25aa5bd5261ec7b8cb53bba26304bfdb8-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format)\n\n### Edit and iterate with AI\nStart with prompts, then refine in the visual editor, adjust the code for more control, or prompt again to explore new directions.\n\n![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/7d0b741c57f221e2b4f2ebfffda3d7451999b7d2-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format)\n\n### Design and build in one place\nStay in flow as you create, test, and refine in a single workspace, without switching between design and dev tools**.**\n\n![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/e36e802b326308c3046ab21269e28e84cba5219f-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format)\n\n### Test interactions with real data\nConnect to a backend to preview exactly how your app will look and behave with live, user-driven data.\n\n## Built by real teams.\nSee how makers, designers, and PMs are using Figma Make to build no-code web apps—from internal tools to product MVPs.\n\n- [![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/21d20675b8b83e2148e4fcd11de241d6c42b93a1-1024x576.png?w=1680&h=945&q=75&fit=max&auto=format)Contentful Clock](https:\/\/www.figma.com\/community\/file\/1530489692703397813\/contentful-clock)\n  \n  [![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/fb92da745bdc354e91278e7d4250c3585050ad9c-1000x1000.png?w=24&h=24&q=75&fit=max&auto=format) Jacques Debeuneure Jr.](https:\/\/www.figma.com\/@jacquesdebeune1)\n- [![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/b4801beaf9fc5317c03b5e965fb36d77d3fbfb7a-2048x1382.png?rect=1,0,2047,1382&w=1680&h=1134&q=75&fit=max&auto=format)Shader Reminder](https:\/\/www.figma.com\/community\/file\/1530578704157510341\/shader-reminder)\n  \n  [![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/153ec02a523024e98a9f12bba9ddc7a2af7884b2-500x500.png?w=24&h=24&q=75&fit=max&auto=format) Daniela Muntyan](https:\/\/www.figma.com\/@danielamuntyan)\n- [![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/cd167040400345b82860c0d85d8a84dfc28bf0ab-1920x1080.png?w=1680&h=945&q=75&fit=max&auto=format)ATS Resume Analyzer Dashboard](https:\/\/www.figma.com\/community\/file\/1530261325896087183\/ats-resume-analyzer-dashboard)\n  \n  [![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/1b92512b75a1ed4579c7fdb3e7fd7f2907618168-500x500.jpg?w=24&h=24&q=75&fit=max&auto=format) kishoree04u](https:\/\/www.figma.com\/@16f81efb_c2d4_4)\n- [![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/d63b62eae723fa75dc120324b01f0792d08a2d32-1024x576.png?w=1680&h=945&q=75&fit=max&auto=format)Virtual Graffiti Wall](https:\/\/www.figma.com\/community\/file\/1529583564162867102\/virtual-graffiti-wall)\n  \n  [![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/1af5d0099060687daf86e3ad4ff298f8ad798a4e-512x511.png?rect=1,0,511,511&w=24&h=24&q=75&fit=max&auto=format) Seungmee Lee](https:\/\/www.figma.com\/@275221d2_59b4_4)\n\n[See more Makes](https:\/\/www.figma.com\/community\/make)\n\n## How to build an app with AI in Figma Make\n### Step 1. Start with a frame\n### Step 2. Describe your app\n### Step 3. Watch your prototype come to life\n### Step 4. Refine and test\n\n## FAQs\n### What is AI app building?\n### Can I build real apps in Figma Make?\n### Do I need to code?\n### Is Figma Make free?\n### What kind of apps can I build?\n### Can I add a backend to Figma Make?\n### Can I publish a Figma Make app?\n\n## Build faster with Figma AI\n- ### Website\n  - [AI website builder](https:\/\/www.figma.com\/solutions\/ai-website-builder\/)\n  - [AI web design](https:\/\/www.figma.com\/solutions\/ai-web-design\/)\n  - [AI landing page generator](https:\/\/www.figma.com\/solutions\/ai-landing-page-generator\/)\n- ### App\n  - [AI code generator](https:\/\/www.figma.com\/solutions\/ai-code-generator\/)\n  - [AI app builder](https:\/\/www.figma.com\/solutions\/ai-app-builder\/)\n  - [Design to code](https:\/\/www.figma.com\/solutions\/design-to-code\/)\n  - [Prompt to app](https:\/\/www.figma.com\/solutions\/prompt-to-app\/)\n- ### Prototype\n  - [AI design generator](https:\/\/www.figma.com\/solutions\/ai-design-generator\/)\n  - [AI wireframe generator](https:\/\/www.figma.com\/solutions\/ai-wireframe-generator\/)\n  - [AI UI generator](https:\/\/www.figma.com\/solutions\/ai-ui-generator\/)\n  - [AI prototype generator](https:\/\/www.figma.com\/solutions\/ai-prototype-generator\/)\n  - [AI UX design](https:\/\/www.figma.com\/solutions\/ai-ux-design\/)\n\n## From the blog\n![A Figma Make prompt input centered on screen surrounded by colorful file shapes, representing different types of attachments being added.](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/ae04571ad7f540060adede62d79d51ac22fcc3b6-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format)\n\nApril 2, 2026\n\n### Build with more context and more control in Figma Make\nStarting today, Make kits and Make attachments bring context into Figma Make, so prototypes start from real components, data, and constraints.\n\n[Learn more](https:\/\/www.figma.com\/blog\/introducing-make-kits-and-make-attachments\/)\n\nApril 1, 2026\n\n### 6 designs that reimagine how we interact with software\nFrom a multiplayer embroidery sampler to a photo booth that works across time zones, this year's Make-a-thon winners offer new ways to connect, reflect, and play through software.\n\n[Learn more](https:\/\/www.figma.com\/blog\/6-designs-that-reimagine-how-we-interact-with-software\/)\n\n![Illustration of a tree growing from circuit-like roots, with UI panels and charts branching out like leaves.](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/d2bf316de6c224cb9b559575898a52614248be3e-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format)\n\nMarch 4, 2026\n\n### 3 ways product teams are building conviction faster with Figma Make\nFrom communicating complex behaviors to pushing the edges of an idea, product managers at ServiceNow, Ticketmaster, and Affirm are using Figma Make to prototype their way forward.\n\n[Learn more](https:\/\/www.figma.com\/blog\/3-ways-product-teams-are-building-conviction-faster-with-figma-make\/)\n\n![Illustrated abstract scene of a person with yellow hair leaning through a circular portal, reaching out to touch glowing colorful ripple surfaces and water droplets.](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/92702fc74592442acf089a8740694f6011ce2cc6-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format)\n\nFebruary 27, 2026\n\n### Workflow lab: AI image tooling and interactive prototyping in Figma\nA workflow to try—bringing together precise image editing, Vectorize, and interactive prototypes to move from concept to crit to completion faster.\n\n[Learn more](https:\/\/www.figma.com\/blog\/workflow-lab-ai-image-tooling\/)\n\nJanuary 22, 2026\n\n### Show don't tell: Embed Make prototypes everywhere you work in Figma\nToday, we’re introducing the ability to embed Figma Make prototypes into Figma Design, FigJam, and Figma Slides, along with new editing tools that help you build and share your best ideas.\n\n[Learn more](https:\/\/www.figma.com\/blog\/introducing-figma-make-embeds\/)\n\nJanuary 5, 2026\n\n### Cooking with constraints: A designer’s framework for better AI prompts\nDesign and cooking share a truth: Preparation determines the outcome. Structured prompts turn AI from guesswork into a reliable design partner.\n\n[Learn more](https:\/\/www.figma.com\/blog\/designer-framework-for-better-ai-prompts\/)\n\n[See all Figma Make stories](https:\/\/www.figma.com\/blog\/figma-make\/)\n\n## More resources\n- ![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/19bc5a345fc9d23d9890a3188aa18a67f3c57550-2880x1440.png?w=1680&h=840&q=75&fit=max&auto=format)\n  \n  ### What is MCP?\n  Learn about Model Context Protocol (MCP), the open standard that simplifies AI integration like a USB-C for data.\n  \n  [Read article](https:\/\/www.figma.com\/resource-library\/what-is-mcp\/)\n- ![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/fd497a6c4151ea846cda31196eff360f7ea92403-1440x720.png?w=1680&h=840&q=75&fit=max&auto=format)\n  \n  ### What is Vibe coding?\n  Vibe coding combines mood-driven design with seamless coding to create immersive digital experiences that connect emotionally and function flawlessly.\n  \n  [Read article](https:\/\/www.figma.com\/resource-library\/what-is-vibe-coding\/)\n- ![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/aeff8db17982c67bf76eaf04047e707e8e311e39-2880x1440.png?w=1680&h=840&q=75&fit=max&auto=format)\n  \n  ### How to design an app in five steps\n  Building an app requires research and constant iteration to meet customer needs. Learn how to design an app and how Figma can help in this guide.\n  \n  [Read article](https:\/\/www.figma.com\/resource-library\/how-to-design-an-app\/)\n\n[All articles](https:\/\/www.figma.com\/resource-library\/)\n## Get started for free\n\n## Figma Socials\n## Product\n- [Figma Design](https:\/\/www.figma.com\/design\/)\n- [Dev Mode](https:\/\/www.figma.com\/dev-mode\/)\n- [FigJam](https:\/\/www.figma.com\/figjam\/)\n- [Figma Slides](https:\/\/www.figma.com\/slides\/)\n- [Figma Draw](https:\/\/www.figma.com\/draw\/)\n- [Figma BuzzBeta](https:\/\/www.figma.com\/buzz\/)\n- [Figma SitesBeta](https:\/\/www.figma.com\/sites\/)\n- [Figma Make](https:\/\/www.figma.com\/make\/)\n- [Figma WeaveNew](https:\/\/weave.figma.com\/)\n- [AI](https:\/\/www.figma.com\/ai\/)\n- [Downloads](https:\/\/www.figma.com\/downloads\/)\n- [Release notes](https:\/\/www.figma.com\/release-notes\/)\n\n## Plans\n- [Pricing](https:\/\/www.figma.com\/pricing\/)\n- [Enterprise](https:\/\/www.figma.com\/enterprise\/)\n- [Organization](https:\/\/www.figma.com\/organization\/)\n- [Professional](https:\/\/www.figma.com\/professional\/)\n\n## Use cases\n- [UI design](https:\/\/www.figma.com\/ui-design-tool\/)\n- [UX design](https:\/\/www.figma.com\/ux-design-tool\/)\n- [Wireframing](https:\/\/www.figma.com\/wireframe-tool\/)\n- [Diagramming](https:\/\/www.figma.com\/figjam\/diagramming-tool\/)\n- [Prototyping](https:\/\/www.figma.com\/prototyping\/)\n- [Brainstorming](https:\/\/www.figma.com\/figjam\/brainstorming-tool\/)\n- [Presentation Maker](https:\/\/www.figma.com\/presentation-maker\/)\n- [Online whiteboard](https:\/\/www.figma.com\/figjam\/online-whiteboard\/)\n- [Strategic planning](https:\/\/www.figma.com\/figjam\/strategic-planning\/)\n- [Mind mapping](https:\/\/www.figma.com\/figjam\/mind-map\/)\n- [Concept map](https:\/\/www.figma.com\/figjam\/concept-map\/)\n- [AI app builder](https:\/\/www.figma.com\/solutions\/ai-app-builder\/)\n- [AI prototype generator](https:\/\/www.figma.com\/solutions\/ai-prototype-generator\/)\n- [AI website builder](https:\/\/www.figma.com\/solutions\/ai-website-builder\/)\n- [AI wireframe generator](https:\/\/www.figma.com\/solutions\/ai-wireframe-generator\/)\n- [Banner maker](https:\/\/www.figma.com\/solutions\/banner-maker\/)\n- [Ad maker](https:\/\/www.figma.com\/solutions\/ad-maker\/)\n\n## Resources\n- [Blog](https:\/\/www.figma.com\/blog\/)\n- [Best practices](https:\/\/www.figma.com\/best-practices\/)\n- [GIF maker](https:\/\/www.figma.com\/gif-maker\/)\n- [Gradient Generator](https:\/\/www.figma.com\/gradient-generator\/)\n- [QR code generator](https:\/\/www.figma.com\/qr-code-generator\/)\n- [Color wheel](https:\/\/www.figma.com\/color-wheel\/)\n- [Colors](https:\/\/www.figma.com\/colors\/)\n- [Color picker](https:\/\/www.figma.com\/color-picker\/)\n- [Color palettes](https:\/\/www.figma.com\/color-palettes\/)\n- [Color palette generator](https:\/\/www.figma.com\/color-palette-generator\/)\n- [Color contrast checker](https:\/\/www.figma.com\/color-contrast-checker\/)\n- [Font library](https:\/\/www.figma.com\/fonts\/)\n- [Lorem ipsum generator](https:\/\/www.figma.com\/lorem-ipsum-generator\/)\n- [Templates](https:\/\/www.figma.com\/templates\/)\n- [Developers](https:\/\/www.figma.com\/developers)\n- [Integrations](https:\/\/www.figma.com\/product-integrations\/)\n- [Affiliate program](https:\/\/www.figma.com\/affiliate-program\/)\n- [Resource library](https:\/\/www.figma.com\/resource-library\/)\n- [Reports and insights](https:\/\/www.figma.com\/reports\/)\n- [Support](https:\/\/help.figma.com\/hc\/en-us)\n- [Status](https:\/\/status.figma.com\/)\n- [Legal and privacy](https:\/\/www.figma.com\/legal\/)\n- [Privacy Policy](https:\/\/www.figma.com\/legal\/privacy\/)\n- [Modern slavery statement (UK)](https:\/\/static.figma.com\/uploads\/160c9cb21d6020c9eacaff67ac1450eb05d48c3b)\n- [Impressum](https:\/\/www.figma.com\/legal\/impressum\/)\n- [Climate disclosure statement](https:\/\/static.figma.com\/uploads\/3920b4eb845c36faafa7706eba7c338036471161)\n\n## Company\n- [Events](https:\/\/www.figma.com\/events-and-webinars\/#upcoming-events)\n- [Customers](https:\/\/www.figma.com\/customers\/)\n- [Careers](https:\/\/www.figma.com\/careers\/)\n- [Newsroom](https:\/\/www.figma.com\/newsroom\/)\n- [Investors](https:\/\/investor.figma.com\/)\n- [Figma Ventures](https:\/\/www.figma.com\/ventures\/)\n\nEnglish\n\n- [English](https:\/\/www.figma.com\/solutions\/ai-app-builder\/?context=localeChange)\n- [Deutsch](https:\/\/www.figma.com\/de-de\/loesungen\/ki-app-builder\/?context=localeChange)\n- [Español (España)](https:\/\/www.figma.com\/es-es\/soluciones\/creador-de-aplicaciones-ia\/?context=localeChange)\n- [Español (Latinoamérica)](https:\/\/www.figma.com\/es-la\/soluciones\/creador-de-apps-ia\/?context=localeChange)\n- [Français](https:\/\/www.figma.com\/fr-fr\/solutions\/createur-applications-ia\/?context=localeChange)\n- [Italiano](https:\/\/www.figma.com\/it-it\/soluzioni\/creatore-app-ai\/?context=localeChange)\n- [Nederlands](https:\/\/www.figma.com\/nl-nl\/oplossingen\/ai-app-bouwer\/?context=localeChange)\n- [Polski](https:\/\/www.figma.com\/pl-pl\/rozwiazania\/kreator-aplikacji-ai\/?context=localeChange)\n- [Português (Brasil)](https:\/\/www.figma.com\/pt-br\/solucoes\/criador-de-aplicativos-ia\/?context=localeChange)\n- [日本語](https:\/\/www.figma.com\/ja-jp\/solutions\/ai-app-builder\/?context=localeChange)\n- [한국어](https:\/\/www.figma.com\/ko-kr\/solutions\/ai-app-builder\/?context=localeChange)","attrs_readable_markdown":"Your idea to working app with AI\n\n![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/b13f3cfa91a14b8cfdcc6c9e493a4cca7e90b800-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format)\n\n### Turn ideas into reality\nSkip the dev backlog and bring your concepts to life as interactive flows, dashboards, or complete apps, all from natural language prompts.\n\n![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/d2517ad25aa5bd5261ec7b8cb53bba26304bfdb8-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format)\n\n### Edit and iterate with AI\nStart with prompts, then refine in the visual editor, adjust the code for more control, or prompt again to explore new directions.\n\n![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/7d0b741c57f221e2b4f2ebfffda3d7451999b7d2-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format)\n\n### Design and build in one place\nStay in flow as you create, test, and refine in a single workspace, without switching between design and dev tools**.**\n\n![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/e36e802b326308c3046ab21269e28e84cba5219f-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format)\n\n### Test interactions with real data\nConnect to a backend to preview exactly how your app will look and behave with live, user-driven data.\n\nHow to build an app with AI in Figma Make\n\nFAQs\n\n## Build faster with Figma AI\n- ### Website\n  - [AI website builder](https:\/\/www.figma.com\/solutions\/ai-website-builder\/)\n  - [AI web design](https:\/\/www.figma.com\/solutions\/ai-web-design\/)\n  - [AI landing page generator](https:\/\/www.figma.com\/solutions\/ai-landing-page-generator\/)\n- ### App\n  - [AI code generator](https:\/\/www.figma.com\/solutions\/ai-code-generator\/)\n  - [AI app builder](https:\/\/www.figma.com\/solutions\/ai-app-builder\/)\n  - [Design to code](https:\/\/www.figma.com\/solutions\/design-to-code\/)\n  - [Prompt to app](https:\/\/www.figma.com\/solutions\/prompt-to-app\/)\n- ### Prototype\n  - [AI design generator](https:\/\/www.figma.com\/solutions\/ai-design-generator\/)\n  - [AI wireframe generator](https:\/\/www.figma.com\/solutions\/ai-wireframe-generator\/)\n  - [AI UI generator](https:\/\/www.figma.com\/solutions\/ai-ui-generator\/)\n  - [AI prototype generator](https:\/\/www.figma.com\/solutions\/ai-prototype-generator\/)\n  - [AI UX design](https:\/\/www.figma.com\/solutions\/ai-ux-design\/)\n\nFrom the blog\n\n![A Figma Make prompt input centered on screen surrounded by colorful file shapes, representing different types of attachments being added.](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/ae04571ad7f540060adede62d79d51ac22fcc3b6-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format)April 2, 2026\n\n### Build with more context and more control in Figma Make\nStarting today, Make kits and Make attachments bring context into Figma Make, so prototypes start from real components, data, and constraints.\n\n[Learn more](https:\/\/www.figma.com\/blog\/introducing-make-kits-and-make-attachments\/)\n\nApril 1, 2026\n\n### 6 designs that reimagine how we interact with software\nFrom a multiplayer embroidery sampler to a photo booth that works across time zones, this year's Make-a-thon winners offer new ways to connect, reflect, and play through software.\n\n[Learn more](https:\/\/www.figma.com\/blog\/6-designs-that-reimagine-how-we-interact-with-software\/)\n\n![Illustration of a tree growing from circuit-like roots, with UI panels and charts branching out like leaves.](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/d2bf316de6c224cb9b559575898a52614248be3e-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format)March 4, 2026\n\n### 3 ways product teams are building conviction faster with Figma Make\nFrom communicating complex behaviors to pushing the edges of an idea, product managers at ServiceNow, Ticketmaster, and Affirm are using Figma Make to prototype their way forward.\n\n[Learn more](https:\/\/www.figma.com\/blog\/3-ways-product-teams-are-building-conviction-faster-with-figma-make\/)\n\n![Illustrated abstract scene of a person with yellow hair leaning through a circular portal, reaching out to touch glowing colorful ripple surfaces and water droplets.](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/92702fc74592442acf089a8740694f6011ce2cc6-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format)February 27, 2026\n\n### Workflow lab: AI image tooling and interactive prototyping in Figma\nA workflow to try—bringing together precise image editing, Vectorize, and interactive prototypes to move from concept to crit to completion faster.\n\n[Learn more](https:\/\/www.figma.com\/blog\/workflow-lab-ai-image-tooling\/)\n\nJanuary 22, 2026\n\n### Show don't tell: Embed Make prototypes everywhere you work in Figma\nToday, we’re introducing the ability to embed Figma Make prototypes into Figma Design, FigJam, and Figma Slides, along with new editing tools that help you build and share your best ideas.\n\n[Learn more](https:\/\/www.figma.com\/blog\/introducing-figma-make-embeds\/)\n\nJanuary 5, 2026\n\n### Cooking with constraints: A designer’s framework for better AI prompts\nDesign and cooking share a truth: Preparation determines the outcome. Structured prompts turn AI from guesswork into a reliable design partner.\n\n[Learn more](https:\/\/www.figma.com\/blog\/designer-framework-for-better-ai-prompts\/)\n\nMore resources\n\n- ![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/19bc5a345fc9d23d9890a3188aa18a67f3c57550-2880x1440.png?w=1680&h=840&q=75&fit=max&auto=format)\n  \n  ### What is MCP?\n  Learn about Model Context Protocol (MCP), the open standard that simplifies AI integration like a USB-C for data.\n  \n  [Read article](https:\/\/www.figma.com\/resource-library\/what-is-mcp\/)\n- ![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/fd497a6c4151ea846cda31196eff360f7ea92403-1440x720.png?w=1680&h=840&q=75&fit=max&auto=format)\n  \n  ### What is Vibe coding?\n  Vibe coding combines mood-driven design with seamless coding to create immersive digital experiences that connect emotionally and function flawlessly.\n  \n  [Read article](https:\/\/www.figma.com\/resource-library\/what-is-vibe-coding\/)\n- ![](https:\/\/cdn.sanity.io\/images\/599r6htc\/regionalized\/aeff8db17982c67bf76eaf04047e707e8e311e39-2880x1440.png?w=1680&h=840&q=75&fit=max&auto=format)\n  \n  ### How to design an app in five steps\n  Building an app requires research and constant iteration to meet customer needs. Learn how to design an app and how Figma can help in this guide.\n  \n  [Read article](https:\/\/www.figma.com\/resource-library\/how-to-design-an-app\/)\n\nGet started for free","meta_canonical":null}

3. Robots.txt Check

Query:

Response:

4. Spam/Ban Check

Query:

Response:

5. Seen Status Check

ℹ️ Skipped - page is already crawled

📄

INDEXABLE

✅

CRAWLED

5 days ago

🤖

ROBOTS ALLOWED

Page Info Filters

Filter	Status	Condition	Details
HTTP status	PASS	`download_http_code = 200`	HTTP 200
Age cutoff	PASS	`download_stamp > now() - 6 MONTH`	0.2 months ago
History drop	PASS	`isNull(history_drop_reason)`	No drop reason
Spam/ban	PASS	`fh_dont_index != 1 AND ml_spam_score = 0`	ml_spam_score=0
Canonical	PASS	`meta_canonical IS NULL OR = '' OR = src_unparsed`	Not set

Page Details

Property	Value
URL	https://www.figma.com/solutions/ai-app-builder/
Last Crawled	2026-04-05 19:51:18 (5 days ago)
First Indexed	2025-08-30 14:27:20 (7 months ago)
HTTP Status Code	200
Meta Title	Free No-code AI App Builder - Idea to App in Seconds \| Figma
Meta Description	Build apps with AI in Figma Make. Turn ideas into interactive, data-connected apps and prototypes—refine, test, and publish with no coding required.
Meta Canonical	null
Boilerpipe Text	Your idea to working app with AI Turn ideas into reality Skip the dev backlog and bring your concepts to life as interactive flows, dashboards, or complete apps, all from natural language prompts. Edit and iterate with AI Start with prompts, then refine in the visual editor, adjust the code for more control, or prompt again to explore new directions. Design and build in one place Stay in flow as you create, test, and refine in a single workspace, without switching between design and dev tools . Test interactions with real data Connect to a backend to preview exactly how your app will look and behave with live, user-driven data. How to build an app with AI in Figma Make FAQs Build faster with Figma AI Website AI website builder AI web design AI landing page generator App AI code generator AI app builder Design to code Prompt to app Prototype AI design generator AI wireframe generator AI UI generator AI prototype generator AI UX design From the blog April 2, 2026 Build with more context and more control in Figma Make Starting today, Make kits and Make attachments bring context into Figma Make, so prototypes start from real components, data, and constraints. Learn more April 1, 2026 6 designs that reimagine how we interact with software From a multiplayer embroidery sampler to a photo booth that works across time zones, this year's Make-a-thon winners offer new ways to connect, reflect, and play through software. Learn more March 4, 2026 3 ways product teams are building conviction faster with Figma Make From communicating complex behaviors to pushing the edges of an idea, product managers at ServiceNow, Ticketmaster, and Affirm are using Figma Make to prototype their way forward. Learn more February 27, 2026 Workflow lab: AI image tooling and interactive prototyping in Figma A workflow to try—bringing together precise image editing, Vectorize, and interactive prototypes to move from concept to crit to completion faster. Learn more January 22, 2026 Show don't tell: Embed Make prototypes everywhere you work in Figma Today, we’re introducing the ability to embed Figma Make prototypes into Figma Design, FigJam, and Figma Slides, along with new editing tools that help you build and share your best ideas. Learn more January 5, 2026 Cooking with constraints: A designer’s framework for better AI prompts Design and cooking share a truth: Preparation determines the outcome. Structured prompts turn AI from guesswork into a reliable design partner. Learn more More resources What is MCP? Learn about Model Context Protocol (MCP), the open standard that simplifies AI integration like a USB-C for data. Read article What is Vibe coding? Vibe coding combines mood-driven design with seamless coding to create immersive digital experiences that connect emotionally and function flawlessly. Read article How to design an app in five steps Building an app requires research and constant iteration to meet customer needs. Learn how to design an app and how Figma can help in this guide. Read article Get started for free
Markdown	This website uses cookies, pixel tags, and local storage for performance, personalization, and marketing purposes. We use our own cookies and some from third parties. Only essential cookies are turned on by default. Allow all cookies Do not allow cookies [Skip to main content](https://www.figma.com/solutions/ai-app-builder/#main) - Products - - [Figma Design Design and prototype in one place](https://www.figma.com/design/) - [Dev Mode Translate designs into code](https://www.figma.com/dev-mode/) - [FigJam Collaborate with a digital whiteboard](https://www.figma.com/figjam/) - [Figma Slides Co-create presentations](https://www.figma.com/slides/) - [Figma Draw Illustrate with advanced vector tools](https://www.figma.com/draw/) - [Figma Buzz Beta Produce on-brand assets at scale](https://www.figma.com/buzz/) - [Figma Sites Beta Publish fully responsive websites](https://www.figma.com/sites/) - [Figma Make Prompt to code anything you can imagine](https://www.figma.com/make/) - [AI Explore all Figma AI features](https://www.figma.com/ai/) - [MCP Connect Figma to AI coding tools](https://www.figma.com/mcp-catalog/) - [Downloads Get the desktop, mobile, and font installer apps](https://www.figma.com/downloads/) - [Release Notes See the latest features and releases](https://www.figma.com/release-notes/) - Solutions - ## Use cases ## Roles ## Organizations - Community - - [Events Learn best practices at virtual events](https://www.figma.com/events-and-webinars/#upcoming-events) - [User groups Join a local Friends of Figma group](https://friends.figma.com/) - [Customer stories Read about leading product teams](https://www.figma.com/customers/) - [Figma Gallery Explore Figma Make and Figma Sites projects made by our users](https://www.figma.com/gallery/) - Resources - - [Shortcut: The Figma blog Stories about how products take shape—and shape our world![](https://cdn.sanity.io/images/599r6htc/regionalized/1883a9ebc4ce697b718301ad247c0fff45c572c1-540x304.png?w=540&h=304&q=75&fit=max&auto=format)](https://www.figma.com/blog/) ## Get started ## Learn - [Pricing](https://www.figma.com/pricing/) - [Log in](https://www.figma.com/login) - [Contact sales](https://www.figma.com/contact/) - [Get started](https://www.figma.com/signup) [Get started for free](https://www.figma.com/signup) - [Log in](https://www.figma.com/login) - [Contact sales](https://www.figma.com/contact/) - [Get started](https://www.figma.com/signup) [Get started for free](https://www.figma.com/signup) 1. [Home](https://www.figma.com/) 2. AI app builder # AI app building is here in Figma Make - [Interactive Quiz App](https://www.figma.com/make/new) - [Healthcare Appointment Flow](https://www.figma.com/make/new) - [Team Collaboration App](https://www.figma.com/make/new) Go from great idea to full-blown app, just like that—no coding required. ## Your idea to working app with AI ![](https://cdn.sanity.io/images/599r6htc/regionalized/b13f3cfa91a14b8cfdcc6c9e493a4cca7e90b800-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format) ### Turn ideas into reality Skip the dev backlog and bring your concepts to life as interactive flows, dashboards, or complete apps, all from natural language prompts. ![](https://cdn.sanity.io/images/599r6htc/regionalized/d2517ad25aa5bd5261ec7b8cb53bba26304bfdb8-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format) ### Edit and iterate with AI Start with prompts, then refine in the visual editor, adjust the code for more control, or prompt again to explore new directions. ![](https://cdn.sanity.io/images/599r6htc/regionalized/7d0b741c57f221e2b4f2ebfffda3d7451999b7d2-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format) ### Design and build in one place Stay in flow as you create, test, and refine in a single workspace, without switching between design and dev tools. ![](https://cdn.sanity.io/images/599r6htc/regionalized/e36e802b326308c3046ab21269e28e84cba5219f-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format) ### Test interactions with real data Connect to a backend to preview exactly how your app will look and behave with live, user-driven data. ## Built by real teams. See how makers, designers, and PMs are using Figma Make to build no-code web apps—from internal tools to product MVPs. - [![](https://cdn.sanity.io/images/599r6htc/regionalized/21d20675b8b83e2148e4fcd11de241d6c42b93a1-1024x576.png?w=1680&h=945&q=75&fit=max&auto=format)Contentful Clock](https://www.figma.com/community/file/1530489692703397813/contentful-clock) [![](https://cdn.sanity.io/images/599r6htc/regionalized/fb92da745bdc354e91278e7d4250c3585050ad9c-1000x1000.png?w=24&h=24&q=75&fit=max&auto=format) Jacques Debeuneure Jr.](https://www.figma.com/@jacquesdebeune1) - [![](https://cdn.sanity.io/images/599r6htc/regionalized/b4801beaf9fc5317c03b5e965fb36d77d3fbfb7a-2048x1382.png?rect=1,0,2047,1382&w=1680&h=1134&q=75&fit=max&auto=format)Shader Reminder](https://www.figma.com/community/file/1530578704157510341/shader-reminder) [![](https://cdn.sanity.io/images/599r6htc/regionalized/153ec02a523024e98a9f12bba9ddc7a2af7884b2-500x500.png?w=24&h=24&q=75&fit=max&auto=format) Daniela Muntyan](https://www.figma.com/@danielamuntyan) - [![](https://cdn.sanity.io/images/599r6htc/regionalized/cd167040400345b82860c0d85d8a84dfc28bf0ab-1920x1080.png?w=1680&h=945&q=75&fit=max&auto=format)ATS Resume Analyzer Dashboard](https://www.figma.com/community/file/1530261325896087183/ats-resume-analyzer-dashboard) [![](https://cdn.sanity.io/images/599r6htc/regionalized/1b92512b75a1ed4579c7fdb3e7fd7f2907618168-500x500.jpg?w=24&h=24&q=75&fit=max&auto=format) kishoree04u](https://www.figma.com/@16f81efb_c2d4_4) - [![](https://cdn.sanity.io/images/599r6htc/regionalized/d63b62eae723fa75dc120324b01f0792d08a2d32-1024x576.png?w=1680&h=945&q=75&fit=max&auto=format)Virtual Graffiti Wall](https://www.figma.com/community/file/1529583564162867102/virtual-graffiti-wall) [![](https://cdn.sanity.io/images/599r6htc/regionalized/1af5d0099060687daf86e3ad4ff298f8ad798a4e-512x511.png?rect=1,0,511,511&w=24&h=24&q=75&fit=max&auto=format) Seungmee Lee](https://www.figma.com/@275221d2_59b4_4) [See more Makes](https://www.figma.com/community/make) ## How to build an app with AI in Figma Make ### Step 1. Start with a frame ### Step 2. Describe your app ### Step 3. Watch your prototype come to life ### Step 4. Refine and test ## FAQs ### What is AI app building? ### Can I build real apps in Figma Make? ### Do I need to code? ### Is Figma Make free? ### What kind of apps can I build? ### Can I add a backend to Figma Make? ### Can I publish a Figma Make app? ## Build faster with Figma AI - ### Website - [AI website builder](https://www.figma.com/solutions/ai-website-builder/) - [AI web design](https://www.figma.com/solutions/ai-web-design/) - [AI landing page generator](https://www.figma.com/solutions/ai-landing-page-generator/) - ### App - [AI code generator](https://www.figma.com/solutions/ai-code-generator/) - [AI app builder](https://www.figma.com/solutions/ai-app-builder/) - [Design to code](https://www.figma.com/solutions/design-to-code/) - [Prompt to app](https://www.figma.com/solutions/prompt-to-app/) - ### Prototype - [AI design generator](https://www.figma.com/solutions/ai-design-generator/) - [AI wireframe generator](https://www.figma.com/solutions/ai-wireframe-generator/) - [AI UI generator](https://www.figma.com/solutions/ai-ui-generator/) - [AI prototype generator](https://www.figma.com/solutions/ai-prototype-generator/) - [AI UX design](https://www.figma.com/solutions/ai-ux-design/) ## From the blog ![A Figma Make prompt input centered on screen surrounded by colorful file shapes, representing different types of attachments being added.](https://cdn.sanity.io/images/599r6htc/regionalized/ae04571ad7f540060adede62d79d51ac22fcc3b6-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format) April 2, 2026 ### Build with more context and more control in Figma Make Starting today, Make kits and Make attachments bring context into Figma Make, so prototypes start from real components, data, and constraints. [Learn more](https://www.figma.com/blog/introducing-make-kits-and-make-attachments/) April 1, 2026 ### 6 designs that reimagine how we interact with software From a multiplayer embroidery sampler to a photo booth that works across time zones, this year's Make-a-thon winners offer new ways to connect, reflect, and play through software. [Learn more](https://www.figma.com/blog/6-designs-that-reimagine-how-we-interact-with-software/) ![Illustration of a tree growing from circuit-like roots, with UI panels and charts branching out like leaves.](https://cdn.sanity.io/images/599r6htc/regionalized/d2bf316de6c224cb9b559575898a52614248be3e-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format) March 4, 2026 ### 3 ways product teams are building conviction faster with Figma Make From communicating complex behaviors to pushing the edges of an idea, product managers at ServiceNow, Ticketmaster, and Affirm are using Figma Make to prototype their way forward. [Learn more](https://www.figma.com/blog/3-ways-product-teams-are-building-conviction-faster-with-figma-make/) ![Illustrated abstract scene of a person with yellow hair leaning through a circular portal, reaching out to touch glowing colorful ripple surfaces and water droplets.](https://cdn.sanity.io/images/599r6htc/regionalized/92702fc74592442acf089a8740694f6011ce2cc6-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format) February 27, 2026 ### Workflow lab: AI image tooling and interactive prototyping in Figma A workflow to try—bringing together precise image editing, Vectorize, and interactive prototypes to move from concept to crit to completion faster. [Learn more](https://www.figma.com/blog/workflow-lab-ai-image-tooling/) January 22, 2026 ### Show don't tell: Embed Make prototypes everywhere you work in Figma Today, we’re introducing the ability to embed Figma Make prototypes into Figma Design, FigJam, and Figma Slides, along with new editing tools that help you build and share your best ideas. [Learn more](https://www.figma.com/blog/introducing-figma-make-embeds/) January 5, 2026 ### Cooking with constraints: A designer’s framework for better AI prompts Design and cooking share a truth: Preparation determines the outcome. Structured prompts turn AI from guesswork into a reliable design partner. [Learn more](https://www.figma.com/blog/designer-framework-for-better-ai-prompts/) [See all Figma Make stories](https://www.figma.com/blog/figma-make/) ## More resources - ![](https://cdn.sanity.io/images/599r6htc/regionalized/19bc5a345fc9d23d9890a3188aa18a67f3c57550-2880x1440.png?w=1680&h=840&q=75&fit=max&auto=format) ### What is MCP? Learn about Model Context Protocol (MCP), the open standard that simplifies AI integration like a USB-C for data. [Read article](https://www.figma.com/resource-library/what-is-mcp/) - ![](https://cdn.sanity.io/images/599r6htc/regionalized/fd497a6c4151ea846cda31196eff360f7ea92403-1440x720.png?w=1680&h=840&q=75&fit=max&auto=format) ### What is Vibe coding? Vibe coding combines mood-driven design with seamless coding to create immersive digital experiences that connect emotionally and function flawlessly. [Read article](https://www.figma.com/resource-library/what-is-vibe-coding/) - ![](https://cdn.sanity.io/images/599r6htc/regionalized/aeff8db17982c67bf76eaf04047e707e8e311e39-2880x1440.png?w=1680&h=840&q=75&fit=max&auto=format) ### How to design an app in five steps Building an app requires research and constant iteration to meet customer needs. Learn how to design an app and how Figma can help in this guide. [Read article](https://www.figma.com/resource-library/how-to-design-an-app/) [All articles](https://www.figma.com/resource-library/) ## Get started for free ## Figma Socials ## Product - [Figma Design](https://www.figma.com/design/) - [Dev Mode](https://www.figma.com/dev-mode/) - [FigJam](https://www.figma.com/figjam/) - [Figma Slides](https://www.figma.com/slides/) - [Figma Draw](https://www.figma.com/draw/) - [Figma BuzzBeta](https://www.figma.com/buzz/) - [Figma SitesBeta](https://www.figma.com/sites/) - [Figma Make](https://www.figma.com/make/) - [Figma WeaveNew](https://weave.figma.com/) - [AI](https://www.figma.com/ai/) - [Downloads](https://www.figma.com/downloads/) - [Release notes](https://www.figma.com/release-notes/) ## Plans - [Pricing](https://www.figma.com/pricing/) - [Enterprise](https://www.figma.com/enterprise/) - [Organization](https://www.figma.com/organization/) - [Professional](https://www.figma.com/professional/) ## Use cases - [UI design](https://www.figma.com/ui-design-tool/) - [UX design](https://www.figma.com/ux-design-tool/) - [Wireframing](https://www.figma.com/wireframe-tool/) - [Diagramming](https://www.figma.com/figjam/diagramming-tool/) - [Prototyping](https://www.figma.com/prototyping/) - [Brainstorming](https://www.figma.com/figjam/brainstorming-tool/) - [Presentation Maker](https://www.figma.com/presentation-maker/) - [Online whiteboard](https://www.figma.com/figjam/online-whiteboard/) - [Strategic planning](https://www.figma.com/figjam/strategic-planning/) - [Mind mapping](https://www.figma.com/figjam/mind-map/) - [Concept map](https://www.figma.com/figjam/concept-map/) - [AI app builder](https://www.figma.com/solutions/ai-app-builder/) - [AI prototype generator](https://www.figma.com/solutions/ai-prototype-generator/) - [AI website builder](https://www.figma.com/solutions/ai-website-builder/) - [AI wireframe generator](https://www.figma.com/solutions/ai-wireframe-generator/) - [Banner maker](https://www.figma.com/solutions/banner-maker/) - [Ad maker](https://www.figma.com/solutions/ad-maker/) ## Resources - [Blog](https://www.figma.com/blog/) - [Best practices](https://www.figma.com/best-practices/) - [GIF maker](https://www.figma.com/gif-maker/) - [Gradient Generator](https://www.figma.com/gradient-generator/) - [QR code generator](https://www.figma.com/qr-code-generator/) - [Color wheel](https://www.figma.com/color-wheel/) - [Colors](https://www.figma.com/colors/) - [Color picker](https://www.figma.com/color-picker/) - [Color palettes](https://www.figma.com/color-palettes/) - [Color palette generator](https://www.figma.com/color-palette-generator/) - [Color contrast checker](https://www.figma.com/color-contrast-checker/) - [Font library](https://www.figma.com/fonts/) - [Lorem ipsum generator](https://www.figma.com/lorem-ipsum-generator/) - [Templates](https://www.figma.com/templates/) - [Developers](https://www.figma.com/developers) - [Integrations](https://www.figma.com/product-integrations/) - [Affiliate program](https://www.figma.com/affiliate-program/) - [Resource library](https://www.figma.com/resource-library/) - [Reports and insights](https://www.figma.com/reports/) - [Support](https://help.figma.com/hc/en-us) - [Status](https://status.figma.com/) - [Legal and privacy](https://www.figma.com/legal/) - [Privacy Policy](https://www.figma.com/legal/privacy/) - [Modern slavery statement (UK)](https://static.figma.com/uploads/160c9cb21d6020c9eacaff67ac1450eb05d48c3b) - [Impressum](https://www.figma.com/legal/impressum/) - [Climate disclosure statement](https://static.figma.com/uploads/3920b4eb845c36faafa7706eba7c338036471161) ## Company - [Events](https://www.figma.com/events-and-webinars/#upcoming-events) - [Customers](https://www.figma.com/customers/) - [Careers](https://www.figma.com/careers/) - [Newsroom](https://www.figma.com/newsroom/) - [Investors](https://investor.figma.com/) - [Figma Ventures](https://www.figma.com/ventures/) English - [English](https://www.figma.com/solutions/ai-app-builder/?context=localeChange) - [Deutsch](https://www.figma.com/de-de/loesungen/ki-app-builder/?context=localeChange) - [Español (España)](https://www.figma.com/es-es/soluciones/creador-de-aplicaciones-ia/?context=localeChange) - [Español (Latinoamérica)](https://www.figma.com/es-la/soluciones/creador-de-apps-ia/?context=localeChange) - [Français](https://www.figma.com/fr-fr/solutions/createur-applications-ia/?context=localeChange) - [Italiano](https://www.figma.com/it-it/soluzioni/creatore-app-ai/?context=localeChange) - [Nederlands](https://www.figma.com/nl-nl/oplossingen/ai-app-bouwer/?context=localeChange) - [Polski](https://www.figma.com/pl-pl/rozwiazania/kreator-aplikacji-ai/?context=localeChange) - [Português (Brasil)](https://www.figma.com/pt-br/solucoes/criador-de-aplicativos-ia/?context=localeChange) - [日本語](https://www.figma.com/ja-jp/solutions/ai-app-builder/?context=localeChange) - [한국어](https://www.figma.com/ko-kr/solutions/ai-app-builder/?context=localeChange)
Readable Markdown	Your idea to working app with AI ![](https://cdn.sanity.io/images/599r6htc/regionalized/b13f3cfa91a14b8cfdcc6c9e493a4cca7e90b800-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format) ### Turn ideas into reality Skip the dev backlog and bring your concepts to life as interactive flows, dashboards, or complete apps, all from natural language prompts. ![](https://cdn.sanity.io/images/599r6htc/regionalized/d2517ad25aa5bd5261ec7b8cb53bba26304bfdb8-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format) ### Edit and iterate with AI Start with prompts, then refine in the visual editor, adjust the code for more control, or prompt again to explore new directions. ![](https://cdn.sanity.io/images/599r6htc/regionalized/7d0b741c57f221e2b4f2ebfffda3d7451999b7d2-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format) ### Design and build in one place Stay in flow as you create, test, and refine in a single workspace, without switching between design and dev tools. ![](https://cdn.sanity.io/images/599r6htc/regionalized/e36e802b326308c3046ab21269e28e84cba5219f-1620x1296.jpg?w=540&h=432&q=75&fit=max&auto=format) ### Test interactions with real data Connect to a backend to preview exactly how your app will look and behave with live, user-driven data. How to build an app with AI in Figma Make FAQs ## Build faster with Figma AI - ### Website - [AI website builder](https://www.figma.com/solutions/ai-website-builder/) - [AI web design](https://www.figma.com/solutions/ai-web-design/) - [AI landing page generator](https://www.figma.com/solutions/ai-landing-page-generator/) - ### App - [AI code generator](https://www.figma.com/solutions/ai-code-generator/) - [AI app builder](https://www.figma.com/solutions/ai-app-builder/) - [Design to code](https://www.figma.com/solutions/design-to-code/) - [Prompt to app](https://www.figma.com/solutions/prompt-to-app/) - ### Prototype - [AI design generator](https://www.figma.com/solutions/ai-design-generator/) - [AI wireframe generator](https://www.figma.com/solutions/ai-wireframe-generator/) - [AI UI generator](https://www.figma.com/solutions/ai-ui-generator/) - [AI prototype generator](https://www.figma.com/solutions/ai-prototype-generator/) - [AI UX design](https://www.figma.com/solutions/ai-ux-design/) From the blog ![A Figma Make prompt input centered on screen surrounded by colorful file shapes, representing different types of attachments being added.](https://cdn.sanity.io/images/599r6htc/regionalized/ae04571ad7f540060adede62d79d51ac22fcc3b6-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format)April 2, 2026 ### Build with more context and more control in Figma Make Starting today, Make kits and Make attachments bring context into Figma Make, so prototypes start from real components, data, and constraints. [Learn more](https://www.figma.com/blog/introducing-make-kits-and-make-attachments/) April 1, 2026 ### 6 designs that reimagine how we interact with software From a multiplayer embroidery sampler to a photo booth that works across time zones, this year's Make-a-thon winners offer new ways to connect, reflect, and play through software. [Learn more](https://www.figma.com/blog/6-designs-that-reimagine-how-we-interact-with-software/) ![Illustration of a tree growing from circuit-like roots, with UI panels and charts branching out like leaves.](https://cdn.sanity.io/images/599r6htc/regionalized/d2bf316de6c224cb9b559575898a52614248be3e-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format)March 4, 2026 ### 3 ways product teams are building conviction faster with Figma Make From communicating complex behaviors to pushing the edges of an idea, product managers at ServiceNow, Ticketmaster, and Affirm are using Figma Make to prototype their way forward. [Learn more](https://www.figma.com/blog/3-ways-product-teams-are-building-conviction-faster-with-figma-make/) ![Illustrated abstract scene of a person with yellow hair leaning through a circular portal, reaching out to touch glowing colorful ripple surfaces and water droplets.](https://cdn.sanity.io/images/599r6htc/regionalized/92702fc74592442acf089a8740694f6011ce2cc6-3264x1836.png?rect=4,0,3256,1836&w=360&h=203&q=75&fit=max&auto=format)February 27, 2026 ### Workflow lab: AI image tooling and interactive prototyping in Figma A workflow to try—bringing together precise image editing, Vectorize, and interactive prototypes to move from concept to crit to completion faster. [Learn more](https://www.figma.com/blog/workflow-lab-ai-image-tooling/) January 22, 2026 ### Show don't tell: Embed Make prototypes everywhere you work in Figma Today, we’re introducing the ability to embed Figma Make prototypes into Figma Design, FigJam, and Figma Slides, along with new editing tools that help you build and share your best ideas. [Learn more](https://www.figma.com/blog/introducing-figma-make-embeds/) January 5, 2026 ### Cooking with constraints: A designer’s framework for better AI prompts Design and cooking share a truth: Preparation determines the outcome. Structured prompts turn AI from guesswork into a reliable design partner. [Learn more](https://www.figma.com/blog/designer-framework-for-better-ai-prompts/) More resources - ![](https://cdn.sanity.io/images/599r6htc/regionalized/19bc5a345fc9d23d9890a3188aa18a67f3c57550-2880x1440.png?w=1680&h=840&q=75&fit=max&auto=format) ### What is MCP? Learn about Model Context Protocol (MCP), the open standard that simplifies AI integration like a USB-C for data. [Read article](https://www.figma.com/resource-library/what-is-mcp/) - ![](https://cdn.sanity.io/images/599r6htc/regionalized/fd497a6c4151ea846cda31196eff360f7ea92403-1440x720.png?w=1680&h=840&q=75&fit=max&auto=format) ### What is Vibe coding? Vibe coding combines mood-driven design with seamless coding to create immersive digital experiences that connect emotionally and function flawlessly. [Read article](https://www.figma.com/resource-library/what-is-vibe-coding/) - ![](https://cdn.sanity.io/images/599r6htc/regionalized/aeff8db17982c67bf76eaf04047e707e8e311e39-2880x1440.png?w=1680&h=840&q=75&fit=max&auto=format) ### How to design an app in five steps Building an app requires research and constant iteration to meet customer needs. Learn how to design an app and how Figma can help in this guide. [Read article](https://www.figma.com/resource-library/how-to-design-an-app/) Get started for free
Shard	50 (laksa)
Root Hash	9084010955901512050
Unparsed URL	com,figma!www,/solutions/ai-app-builder/ s443