# Contently help centre

---

> Guides, steps, tips and common questions for the Contently Figma plugin, in full. Landing page: https://raiken.io/kb/contently

---

# AI Assistant, Vision Reviews & Layer Renaming

> Use Contently's AI for multimodal design feedback, layer renaming from image contents, copy brainstorming, and component-aware layout builds.

## Goal

Accelerate design reviews, copywriting iterations, and layer organization using multimodal AI models.

## Before you start

- A configured AI provider (OpenAI, Google Gemini, Groq, or a local LM Studio / Ollama server).
- Frames or layers selected in Figma.

## Steps

1. **Select frames and open UX Feedback** Select one or more frames on the canvas, then click the eye button (UX Feedback) in the sidebar. The sparkle button opens the AI view for writing and image generation; design feedback runs in UX Feedback.
   ![UX Feedback: five past reviews with score rings (69 to 88), an attached card screenshot, a typed question, eye tooltip.](https://raiken.io/assets/kb/contently/ai-assistant-guide/ux-feedback.png)
2. **Choose your review lenses** In AI Settings → Vision, switch on the lenses you want: Visual Design, UX & Psychology, Brand Communication, Accessibility, Personas & Needs, or Creative Ideas.
   ![AI Settings, Vision tab: lens cards such as Visual Design and UX & Psychology, each with a switched-on toggle.](https://raiken.io/assets/kb/contently/ai-assistant-guide/ai-settings-vision-top.png)
   ![The Vision tab scrolled down: Brand Communication, Accessibility, Personas & Needs and Creative Ideas, all switched on.](https://raiken.io/assets/kb/contently/ai-assistant-guide/ai-settings-vision-more.png)
3. **Add context or reference attachments** Optionally click the + button and choose Screenshot selection, Upload image, or Upload file (brand guidelines or a brief). You can also paste an image straight into the text box.
   ![The + menu above the prompt box lists Screenshot selection, Upload image and Upload file; past reviews sit above it.](https://raiken.io/assets/kb/contently/ai-assistant-guide/ux-feedback-attach-menu.png)
4. **Run feedback or trigger actions** Submit your prompt for instant feedback, or right-click layer groups and choose '✨ Layer rename' to let AI rename layers based on visual content. The result view shows an Overall Score and a Render to Figma button.
   ![A feedback result: an Overall Score of 80%, a Render to Figma button, and Close and Insights buttons.](https://raiken.io/assets/kb/contently/ai-assistant-guide/ux-feedback-result.png)

## Tips

- Use 'Match Image' layer renaming before applying Smart Templates so layer names align with image template collections automatically.
- Prefix internal scratch components with an underscore (_) to keep AI generation focused on production components.

## Result

Structured markdown recommendations appear in the AI panel, or layers are renamed from what their images show.

## If something goes wrong

- **AI model fails to recognize an attached screenshot.** -> Use a model that supports vision (Groq models cannot take images in Contently). In AI Settings → API Key, click Test & Detect Capabilities and check that Vision analysis is ticked.

## Common questions

### How do I get AI feedback on my designs?

Select one or more frames you want feedback on and click the eye button (UX Feedback) in the sidebar. Leave the prompt empty for a general review, or add a specific ask (e.g. 'focus on hierarchy and spacing'). In AI Settings → Vision, choose what to analyze. Run the analysis and iterate from the results panel.

### What do the Vision categories mean?

Visual Design covers layout, spacing, typography, and color usage. UX & Psychology reviews clarity, affordances, cognitive load, and user flow. Brand Communication evaluates alignment with tone and visual identity. Accessibility highlights contrast, sizing, and inclusive design hints. Personas & Needs sketches who the design is for and what they need, from your Document Context or the design itself. Creative Ideas explores alternative directions and quick experiments.

### Can I attach a file or image to an AI request?

Yes. Click the + button next to the text box and choose Screenshot selection, Upload image, or Upload file. Images can be PNG, JPEG, WebP or any other image type your browser reads (up to 4 per message; Contently shrinks them to 2048 px). Text files can be TXT, MD, CSV, JSON, XML, HTML, CSS, JS or TS. You can also paste images directly into the text box.

### What is Smart Intent in the Brainstorm panel?

Smart Intent is the default mode in the Brainstorm panel. As you type, the AI reads your message and automatically picks the most suitable skill for it. You can click the active skill chip anytime to browse skills manually or return to Smart Intent.

### How do I rename layers with AI?

Right-click a group header and choose ✨ Layer rename. For image groups choose 'Match Image' to rename layers from what the image depicts, 'Description' for descriptive names, or 'Tag Style' for short Title Case tags (up to 8, e.g. 'Mountain Sunset Hiking'). Other groups offer layout naming styles instead: Design System, Slash Paths, BEM, or Code Names.

### Which AI model should I pick?

Leave it on 'Auto (best balance)' for a model that balances quality and cost. To pin one, pick a specific model from the model list in AI Settings → API Key.

### A model disappeared from the list, or my model stopped working?

AI providers retire older models regularly. Contently checks against your provider once a day and refreshes the list, falling back to the closest equivalent model. Click 'Check for new models' in AI Settings → API Key → Advanced options to refresh immediately.

### How should I set up components so the AI builds with them?

Add a short sentence in the component description field explaining its purpose. Name components clearly (e.g., Button, Checkbox, Card). Expose real component properties (text, boolean, variant) rather than deeply nested unlinked text. Prefix scratch components with '_' (or '.') to exclude them.

### When should I add Document Context?

Add Document Context (AI Settings → Context) when the AI needs stable background information such as target audience, copy tone of voice, product principles, or technical constraints. It is saved in your Figma file, per document (up to 8,000 characters), and applied across requests.

### Does AI feedback certify accessibility?

No. AI feedback provides suggestions and highlights potential issues. It does not replace verifying contrast ratios against WCAG requirements or testing with real assistive technology.

## Related guides

- [Local AI Setup (LM Studio, Ollama), CORS & Troubleshooting](https://raiken.io/kb/contently/local-ai-and-troubleshooting): Run open-weights vision and text models on your own hardware via LM Studio or Ollama, so AI requests go to your own machine instead of a cloud AI provider.
- [Smart Templates: Automatic Layer Matching](https://raiken.io/kb/contently/smart-templates-overview): Smart Templates automatically match template data to the right layers based on layer names, letting you populate entire mockups and nested components in one click.

---

Source: https://raiken.io/kb/contently/ai-assistant-guide (Contently help centre). Reviewed: 2026-10-30.

---

# Text, Image & Icon Templates (Material Symbols)

> Create reusable text and image templates, browse Google Material Symbols with outline and filled styles, and control template application sequences.

## Goal

Build reusable content libraries for rapid design prototyping in Figma.

## Before you start

- Contently plugin installed in Figma, FigJam, or Figma Slides.

## Steps

1. **Create a text or image template** Select existing layers in Figma, click the + Template button, and choose 'Create Text Template' (or 'Create Image Template'). Name your template and save.
   ![The + Template menu open: Create Text Template, Create Image Template and Create Icon Template.](https://raiken.io/assets/kb/contently/content-and-icon-templates/add-template-menu.png)
2. **Browse the Material Symbols library** Open 'Material Symbols by Google' in the icon templates. Search by name (3 or more characters), narrow the results with the variant chips, and switch the Filled toggle.
   ![Material Symbols by Google library: search box, Outlined, Rounded and Sharp chips, Filled switch off, grid of icons.](https://raiken.io/assets/kb/contently/content-and-icon-templates/material-symbols-library.png)
   ![Search 'arrow' with the Filled switch on: twelve filled arrow and chevron icons in the grid.](https://raiken.io/assets/kb/contently/content-and-icon-templates/material-symbols-search.png)
3. **Configure Apply settings** In the template detail view, click 'Toggle apply settings', then adjust the Apply sequence (Random, Original order, Ascending/Descending) or the Apply-to mode (Smart, Matching smart templates, Direct selection only, or Image fills only for image templates).
   ![A text template with six items; the apply settings show Apply order, Update and Replace text.](https://raiken.io/assets/kb/contently/content-and-icon-templates/template-detail.png)

## Tips

- Add bracket syntax to a layer that already matches an icon template, like '<template name> [#37cdf3]', to enforce a custom hex colour without modifying the source template. The layer needs a matching name or [icon].
- Use 'Image fills only' mode when you want to replace fills on complex shapes without touching text layers.

## Result

Selected layers receive high-quality SVG vector icons or text items respecting your color styles and layout structure.

## If something goes wrong

- **An icon template applies in light mode colors when canvas is in dark mode.** -> Add bracket syntax like [var=Theme/IconColor] to a layer that matches your icon template (or add [icon] to its name) so it picks up your colour variable.

## Common questions

### How do I create a text template?

Select text layers in your file that represent realistic content. Click the + Template button and choose 'Create Text Template'. Name it and save: the plugin stores all selected text values as template items. Tip: use the same name as your Figma layers to enable Smart Template auto-matching.

### How do I use Image Templates?

Image Templates are curated sets of images. Create one from selected image layers or the Images panel. Select target layers and click Apply. Use 'Apply to → Smart' to auto-match by layer name, or 'Direct selection' for manual control.

### How do Icon Templates work?

Icon Templates let you browse and apply icon sets to selected layers, including remote libraries like Material Symbols by Google. Search by name, narrow with the variant chips, toggle Filled, and click an icon to replace the selection, or use Apply All for Smart Template auto-replacement.

### How do I use Material Symbols (Google)?

Material Symbols is a built-in remote library: no external Figma file needed. Open the icon templates, choose Material Symbols by Google, search by name (3 or more characters), and toggle Filled. Icons are applied as Figma components.

### What does the Apply order setting do?

Controls how template items are assigned: Random (shuffled each time, ideal for mockups), Original (preserves the exact list order), or Ascending/Descending (alphabetical or numerical sorting).

### What are the text Update modes?

Matching layer names first tries Smart Template name-matching before applying to other selections. Entire selection applies directly across all selected layers. Replace text options include Whole text, Only numbers (e.g. Order #100 -> Order #873), or Only text (keeps numbers intact).

### What do the image Apply to modes do?

Smart matches by layer name first, then falls back to image fills. Matching smart templates only replaces layers with matching names. Direct selection only applies to whatever is selected. Image fills only replaces fills in shapes and frames, ignoring layer names.

## Related guides

- [Smart Templates: Automatic Layer Matching](https://raiken.io/kb/contently/smart-templates-overview): Smart Templates automatically match template data to the right layers based on layer names, letting you populate entire mockups and nested components in one click.
- [Layer Name Modifiers, Placeholders & Image Utilities](https://raiken.io/kb/contently/layer-modifiers-and-syntax): Master layer name modifier syntax (:numbers, :upper, :1), inline template placeholders ({TemplateName}), and high-performance image compression.

---

Source: https://raiken.io/kb/contently/content-and-icon-templates (Contently help centre). Reviewed: 2026-10-30.

---

# Layer Name Modifiers, Placeholders & Image Utilities

> Master layer name modifier syntax (:numbers, :upper, :1), inline template placeholders ({TemplateName}), and high-performance image compression.

## Goal

Gain fine-grained control over template outputs directly from Figma layer names without opening settings panels.

## Before you start

- Figma layers configured for template population.

## Steps

1. **Add replacement modifiers** Append modifiers to your layer name: :numbers (replaces numbers only), :text (replaces text only), or :full (default).
2. **Chain case and index modifiers** Combine multiple modifiers like 'customer-name:text:upper' or 'currency:1' to enforce uppercase or fixed template items.
3. **Embed inline placeholders in text** Insert '{TemplateName}' directly into text strings to merge dynamic data with static copy (e.g. 'Order #{OrderIDs} for {CustomerNames}'). Placeholders accept the case modifiers (:upper, :lower, :title) and an item index like :1; :numbers and :text are ignored there.
4. **Compress heavy images** Click the Menu button in the sidebar and open 'Compress Images' to optimize canvas images down to a target size (e.g. 1.0 MB) while preserving quality.
   ![The sidebar Menu: Premium Status & Activation, Help & FAQ, Compress Images, System Settings and AI Settings.](https://raiken.io/assets/kb/contently/layer-modifiers-and-syntax/menu.png)
   ![The Compress Images submenu: a Max Size slider at 1.0 MB and the Compress Source Image switch.](https://raiken.io/assets/kb/contently/layer-modifiers-and-syntax/menu-compress-images.png)

## Tips

- Use conditional modifiers like :if-numbers to restrict updates only to layers that already contain digits.
- Practice with sample cards in the official Contently Playground file.

## Result

Dynamic, formatted text outputs and optimized canvas performance without destructive manual editing.

## If something goes wrong

- **Modifier does not trigger during Smart Template application.** -> Check the spelling: Contently ignores a modifier it does not know. Spaces around modifiers are trimmed, so 'names : upper' and 'names:upper' behave the same.

## Common questions

### What are layer name modifiers?

Modifiers let you control template application right from the layer name. Syntax: template-name:modifier1:modifier2. Modes include :numbers (replaces only numbers), :text (replaces only words), :upper/:lower/:title (case formatting), :1/:2 (fixed item index), and conditionals like :if-numbers, :if-text, :if-empty.

### What are inline template placeholders?

Inline placeholders mix dynamic template values with static copy inside a single text layer using the {TemplateName} syntax (e.g., 'Order #{OrderIDs} for {CustomerNames}' or 'Hello {Names:upper}!'). To insert one, open a text template's detail view and click the 'Insert inline placeholder' button: it adds {Name} to the selected text layer.

### How do I compress images?

Click the Menu button in the sidebar and open Compress Images. Set a target maximum file size (default 1.0 MB, up to 2 MB), choose whether to compress the source images or individual images ('Compress Source Image'), and run. Contently shrinks image file weight while preserving visual sharpness on canvas.

### Is there a Playground file to try features?

Yes. A public Figma Community file with sample frames, text, and images lets you practice Smart Templates, modifiers, AI feedback, and image compression safely.

## Related guides

- [Smart Templates: Automatic Layer Matching](https://raiken.io/kb/contently/smart-templates-overview): Smart Templates automatically match template data to the right layers based on layer names, letting you populate entire mockups and nested components in one click.
- [Text, Image & Icon Templates (Material Symbols)](https://raiken.io/kb/contently/content-and-icon-templates): Create reusable text and image templates, browse Google Material Symbols with outline and filled styles, and control template application sequences.

---

Source: https://raiken.io/kb/contently/layer-modifiers-and-syntax (Contently help centre). Reviewed: 2026-10-30.

---

# Local AI Setup (LM Studio, Ollama), CORS & Troubleshooting

> Run open-weights vision and text models on your own hardware via LM Studio or Ollama, so AI requests go to your own machine instead of a cloud AI provider.

## Goal

Configure a local multimodal AI server, resolve connection and CORS issues, and keep AI requests on your machine.

## Before you start

- A computer capable of running local LLMs (Apple Silicon Mac or PC with dedicated GPU recommended).
- LM Studio or Ollama installed.

## Steps

1. **Set up LM Studio (recommended)** Download LM Studio from lmstudio.ai. Download a vision model (e.g. Qwen2.5-VL-7B-Instruct). Start the local server on Developer tab, enable 'CORS', and note base URL http://localhost:1234/v1.
2. **Set up Ollama (alternative)** Run 'ollama serve' with OLLAMA_ORIGINS=* set in your environment. Pull your desired model (e.g. 'ollama pull llama3.2-vision') and use base URL http://localhost:11434/v1.
3. **Configure Contently API settings** In Contently, open AI Settings → API Key tab and choose 'Local'. Expand Advanced options, set the Base URL and the Model, then click 'Test & Detect Capabilities'. Use localhost in the URL, not 127.0.0.1. Click 'Save API Settings' when the test passes.
   ![AI Settings, API Key tab, Local provider: Base URL localhost:1234/v1, a model name, and Test & Detect Capabilities.](https://raiken.io/assets/kb/contently/local-ai-and-troubleshooting/ai-settings-local-fields.png)
   ![The capability report after the test: text generation and vision analysis ticked, image generation crossed.](https://raiken.io/assets/kb/contently/local-ai-and-troubleshooting/ai-settings-local-report.png)

## Tips

- Qwen2.5-VL-7B-Instruct offers the best balance of vision accuracy and RAM efficiency for local UI design reviews.
- Lock your configuration to localhost if your organization enforces strict data residency boundaries.

## Result

Contently connects directly to your local endpoint; design analysis and copy generation run on your device with no external API charges.

## If something goes wrong

- **Browser/Figma displays CORS error when talking to localhost.** -> In LM Studio, check Developer → Settings → Enable CORS. In Ollama, export OLLAMA_ORIGINS="*" before running ollama serve.
- **Connection refused on localhost.** -> Verify that your local server process is active and check whether port 1234 (LM Studio) or 11434 (Ollama) is listening.

## Common questions

### I see 'No AI provider available'. What now?

Open AI Settings → API Key tab. Choose a provider (OpenAI, Groq, Gemini, or Local) and enter your credentials. For Local (LM Studio / Ollama), no API key is needed: expand Advanced options, enter the Base URL (e.g. http://localhost:1234/v1) and the Model, and click 'Save API Settings'.

### Which local vision model do you recommend?

For most designer workstations: Qwen2.5-VL-7B-Instruct. It provides sharp layout and color perception, handles design screenshots reliably, and runs smoothly on consumer hardware with 4-bit or 8-bit quantization.

### How do I set up LM Studio? (recommended)

1. Install LM Studio from lmstudio.ai. 2. Search and load a model (e.g. Qwen2.5-VL). 3. Switch to the Developer tab and start the server. 4. Enable 'Enable CORS' in Developer Settings. 5. In Contently, point Base URL to http://localhost:1234/v1.

### How do I set up Ollama?

1. Install from ollama.com. 2. Set environment variable OLLAMA_ORIGINS=* to permit Figma iframe connections. 3. Run 'ollama serve'. 4. Pull a model (e.g. 'ollama pull llama3.2-vision'). 5. In Contently, set Base URL to http://localhost:11434/v1.

### Why do I get a CORS error?

Figma plugins run in sandboxed iframes. If your local server rejects cross-origin requests, a CORS error appears. In LM Studio, toggle 'Enable CORS' in Developer Settings. In Ollama, set OLLAMA_ORIGINS=* and restart.

### Getting a 'connection refused' error?

Verify the server process is running and that no firewall is blocking ports 1234 or 11434. Figma only allows localhost, so use http://localhost:… and not 127.0.0.1 or another machine's address. In AI Settings → API Key → Advanced options, click 'Auto-detect' then 'Test' to check connectivity.

### No models detected?

In LM Studio, ensure a model is actively loaded in memory before starting the server. In Ollama, verify that you have pulled at least one model ('ollama list'). You can also type the model identifier manually into the Model field in Contently.

### Do AI requests leave my machine with a local model?

No. With a local provider Contently sends AI requests only to your local server on localhost, so prompts, copy and screenshots are not sent to a cloud AI provider. The plugin's own Local card says the same: your prompts, content and API keys never leave your device. Contently still contacts raiken.io for license checks and, if you allow it, usage tracking (Menu → System Settings → Privacy Settings).

## Related guides

- [AI Assistant, Vision Reviews & Layer Renaming](https://raiken.io/kb/contently/ai-assistant-guide): Use Contently's AI for multimodal design feedback, layer renaming from image contents, copy brainstorming, and component-aware layout builds.

---

Source: https://raiken.io/kb/contently/local-ai-and-troubleshooting (Contently help centre). Reviewed: 2026-10-30.

---

# Pricing, One-Time Licenses & Privacy

> Understand Contently's free capabilities, one-time payment structure, commercial licensing, and the privacy controls in the plugin.

## Goal

Verify commercial licensing rights, understand purchase terms, and configure privacy boundaries.

## Before you start

- A valid Figma account or Contently license key.

## Steps

1. **Start with the Free plan** All core content manipulation, smart selection, custom templates, and layout utilities are free forever.
2. **Unlock Pro with a one-time purchase** A paid upgrade (Pro) is a single one-time payment; there is no recurring subscription.
3. **Enter your license code** Click the Menu button in the sidebar and choose Premium Status & Activation. Paste your license key (or the email you bought with) into the field and click Add.
4. **Review privacy controls** Click the Menu button, open System Settings and choose Privacy Settings. Essential (plugin start and stop, critical errors) is always on. Anonymous Analytics (feature-use counters) and Performance (slow or failed operations) are optional and switched on by default; Reject Optional turns them off.

## Tips

- AI provider costs (if using OpenAI, Google Gemini or Groq) are paid directly to those providers; Contently does not take a markup on third-party API usage.

## Result

Your plugin is activated with full commercial rights, unlimited local workflows, and transparent data privacy.

## If something goes wrong

- **License code is not recognized upon entry.** -> Paste the license key, or the email address you bought with, into the field and click Add. Contently trims spaces around the key itself.

## Common questions

### What is Contently for Figma?

Contently is a Figma plugin by David Zerbe (RAIKEN) for editing text and image content, reusing templates, and working with repeated layouts. AI assistance is optional.

### Is Contently free to start?

Yes. Start with the free content editing and template tools. The free plan includes 12 AI actions per day, shared by text, vision and image; paid upgrades unlock advanced tools and unlimited local operations. Third-party AI providers may charge separately for their API usage.

### Does Contently require AI?

No. You can edit and fill content, reuse templates, organize layers, and work with Smart Overflow completely offline without configuring an AI provider.

### Is the paid plugin a subscription?

No. The plans are one-time plugin purchases for lifetime access with no recurring subscription fees.

### Which AI providers can I configure?

Contently supports OpenAI, Google Gemini, Groq, and any OpenAI-compatible local endpoint on localhost (LM Studio, Ollama). Model availability depends on your configured credentials.

### What does an AI action share?

Depending on the action, only the prompt, selected text, document context, or screenshots you explicitly include are sent to your chosen provider. Review your provider's terms before sending sensitive designs.

### How do I unlock premium features?

Click the Menu button in the sidebar, choose Premium Status & Activation, paste the license code from your purchase confirmation and click Add.

### What data does the plugin track?

Three categories, listed under Menu → System Settings → Privacy Settings. Essential (always on) records plugin start and stop and critical errors. Anonymous Analytics counts which features are used. Performance reports slow or failed operations. The last two are optional and switched on by default; Reject Optional turns them off. A license check sends your license key, email and Figma user id to raiken.io so the license can be verified.

## Related guides

- [Local AI Setup (LM Studio, Ollama), CORS & Troubleshooting](https://raiken.io/kb/contently/local-ai-and-troubleshooting): Run open-weights vision and text models on your own hardware via LM Studio or Ollama, so AI requests go to your own machine instead of a cloud AI provider.

---

Source: https://raiken.io/kb/contently/pricing-licensing-and-privacy (Contently help centre). Reviewed: 2026-10-30.

---

# Smart Selection, Boolean Chips & Manipulation

> Quickly isolate specific layers using multi-keyword boolean search chips (OR, AND, NOT), invert selections, sample every Nth item, and manage canvas performance.

## Goal

Select, refine, and manipulate exact groups of Figma layers across large documents with precision.

## Before you start

- A Figma document with multiple frames, components, or layers.

## Steps

1. **Add search keyword chips** In the Refine tab, type a search keyword and press Enter or comma. It converts into an interactive chip.
   ![Smart Selection, Refine tab: search chips card, price and thumbnail joined by AND and NOT badges.](https://raiken.io/assets/kb/contently/smart-selection-filters/selection-refine.png)
2. **Click operator badges to combine logic** Click the operator badge between chips to toggle between OR (default), AND, or NOT (e.g. 'card' NOT 'thumbnail').
3. **Use the Manipulate tab** Switch to Manipulate to invert your selection among its siblings, or use the 'Select Every Nth' slider (from 2 to 12) to sample alternating items. Select Every Nth is switched on by default, so switch it off before you use Invert.
   ![Smart Selection, Manipulate tab: Negative (invert siblings) off and Select Every 3rd on, with a slider.](https://raiken.io/assets/kb/contently/smart-selection-filters/selection-manipulate.png)
4. **Manage Live Select performance** Live Select is off by default. In the content toolbar's View options you can switch it on to keep the list in sync with your selection, or leave it off and click 'Scan Selection' to update the list on demand.

## Tips

- Combine 'Find Similar' with 'Select Every Nth: 2' to quickly apply alternating background colors or zebra-striping to table rows.
- Use Group by 'By Parent Name' in the content toolbar to inspect cluster hierarchy before applying batch content.

## Result

Target layers are isolated and selected on canvas, ready for template application or bulk styling.

## If something goes wrong

- **Selection does not find layers inside component instances.** -> Turn on 'Include hidden layers' in the Smart Selection panel so Contently looks inside hidden layers of component instances. Layers that are themselves hidden are never matched.

## Common questions

### Can Smart Selection find hidden layers?

Only inside component instances. 'Include hidden layers' makes Contently look inside hidden layers of component instances. Layers that are hidden themselves are never matched in Find Similar or Manipulate, and the toggle has nothing to do with off-canvas layers.

### How do I filter my selection using multiple search terms?

In the Refine tab, type a word and press Enter or comma to create a search chip. Click the operator badge between chips to combine them with OR (matches either), AND (matches both), or NOT (matches the first but excludes the second). Chips are evaluated strictly left to right, and a match is a case-insensitive part of a layer name or its text.

### What does the Manipulate tab in Smart Selection do?

The Manipulate tab lets you reshape an active selection without starting over. Invert selects the siblings of your current selection instead. Select Every Nth keeps only every Nth sibling (e.g. every 2nd card for alternating patterns); it is on by default, so switch it off to use Invert.

### What do the Group by options do?

Controls how the content list organizes layers: By Layer Name (strict name-based grouping), By Parent Name (clusters by parent frame or component), By Element Type (groups all text, shapes, etc.; the default), or By Element Name. It is in the content toolbar.

### What is Live Select and when should I disable it?

Live Select keeps the plugin's content list continuously in sync with your canvas selection. It is off by default. On very large documents with thousands of layers, leave it off and click 'Scan Selection' to update the list in batches without repeated canvas rescans.

## Related guides

- [Smart Templates: Automatic Layer Matching](https://raiken.io/kb/contently/smart-templates-overview): Smart Templates automatically match template data to the right layers based on layer names, letting you populate entire mockups and nested components in one click.

---

Source: https://raiken.io/kb/contently/smart-selection-filters (Contently help centre). Reviewed: 2026-10-30.

---

# Smart Templates: Automatic Layer Matching

> Smart Templates automatically match template data to the right layers based on layer names, letting you populate entire mockups and nested components in one click.

## Goal

Populate complex Figma frames and multi-layer mockups without selecting each layer manually.

## Before you start

- Figma file with editable frames or components.
- Layers named after the templates you wish to apply (e.g. 'Avatars', 'Product Names').

## Steps

1. **Name your templates clearly** Create or open a template (text, image, or icon) in Contently and give it a clear, descriptive name such as 'Product Names' or 'Avatars'.
2. **Match your Figma layer names** In Figma, name the target layer or nested component layer after the template (e.g., 'Product Names'). A layer name that contains the template name matches too.
   ![The main view: selected text layers grouped by layer name, such as product names and price:numbers.](https://raiken.io/assets/kb/contently/smart-templates-overview/home-selection.png)
3. **Select the parent frame and apply** Select the card, list, or top-level frame and click 'Apply Matching Templates'. Contently scans the selection and fills every layer named after one of your templates. To fill only one template's layers, open that template and click 'Apply All'.

## Tips

- Use layer name modifiers like :numbers or :upper to format output automatically during smart filling.
- Practice with pre-configured frames in the Contently Playground file.

## Result

Every matching layer in your selection receives fresh template content, and Contently loads the fonts it needs.

## If something goes wrong

- **A nested layer inside a component instance is skipped.** -> Check that the layer name matches the template title or contains it. Image layers must be unlocked.

## Common questions

### What are Smart Templates?

Smart Templates automatically match template data to the right layers based on layer names, so you don't have to select each layer manually. When you click Apply Matching Templates, the plugin scans your selection and fills each layer named after a template: text, image, and icon templates all work this way.

### How do I use Smart Templates?

1. Create a template (text, image or icon) and give it a clear name (e.g., 'Product Names'). 2. In Figma, name the target layer(s) after it: 'Product Names'. 3. Select the parent frame or any layers in your design. 4. Click 'Apply Matching Templates' to fill every matching layer across nested components, or open one template and click 'Apply All' to fill only the layers named after it.

### Can I bulk-update text content?

Yes. Select your text layers and apply a template. The plugin batches all updates, loads fonts automatically, and preserves layer structure. For the fastest workflow, use Smart Templates so the plugin auto-matches by layer name.

### How does Smart Overflow work?

Smart Overflow belongs to Copy-Paste to List. When your text has more lines than the layout has elements, Contently creates new elements for the extra lines and tells you ('N lines couldn't fit. Creating new elements...'). Start with a short list and review text wrapping, layout and component structure before applying it to a larger design.

## Related guides

- [Text, Image & Icon Templates (Material Symbols)](https://raiken.io/kb/contently/content-and-icon-templates): Create reusable text and image templates, browse Google Material Symbols with outline and filled styles, and control template application sequences.
- [Layer Name Modifiers, Placeholders & Image Utilities](https://raiken.io/kb/contently/layer-modifiers-and-syntax): Master layer name modifier syntax (:numbers, :upper, :1), inline template placeholders ({TemplateName}), and high-performance image compression.

---

Source: https://raiken.io/kb/contently/smart-templates-overview (Contently help centre). Reviewed: 2026-10-30.