iMessage AI Chat Builder

About this plugin

Accelerate your design workflow with an AI-powered plugin that integrates seamlessly with the iMessage Chat Builder UI kit. Use this plugin to instantly generate realistic iMessage screens and prototypes.Using this plugin will allow you to configure the following chat properties:The number of chat participantsThe maximum number of messages in the chatWhether iMessage should default to light or dark modeThe conversation topic and toneGetting StartedTo get started, follow these quick steps:1. Install required fonts and symbolsThis plugin uses Apple’s SF Pro and SF Mono font families - in addition to SF Symbols.These fonts are not bundled with this file. SF Pro should now work natively within Figma’s desktop client, but you’ll still need to download and install SF Mono manually if you haven’t already done so.2. Generate and enter a Claude API keyTo use the plugin - you’ll need a Claude API key.You can get one by:Visiting the Claude ConsoleSigning in or creating an accountNavigating to the API Key section of your account settingsClicking ‘Create Key’Paste that API key into the plugin when prompted. Your key is stored locally and never shared.Note: Anthropic may charge for API usage. Review Anthropic’s API pricing before proceeding with plugin use.---This plugin is not affiliated with or endorsed by Apple Inc, Figma Inc, or Anthropic PBC.