https://github.com/andreugordillovazquez/smart-quotes

A Framer plugin to effortlessly convert straight quotes into smart quotes in selected text layers. Enhance the readability and visual appeal of your content with smart typographic quotes and convenient undo functionality.
https://github.com/andreugordillovazquez/smart-quotes

framer framer-plugin plugin

Last synced: 3 months ago
JSON representation

A Framer plugin to effortlessly convert straight quotes into smart quotes in selected text layers. Enhance the readability and visual appeal of your content with smart typographic quotes and convenient undo functionality.

• Host: GitHub
• URL: https://github.com/andreugordillovazquez/smart-quotes
• Owner: andreugordillovazquez
• License: mit
• Created: 2024-11-23T16:31:24.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-20T21:53:43.000Z (about 1 year ago)
• Last Synced: 2025-06-28T07:42:08.906Z (12 months ago)
• Topics: framer, framer-plugin, plugin
• Language: TypeScript
• Homepage: https://www.framer.com/marketplace/plugins/smart-quotes/
• Size: 17.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Smart Quotes — Framer plugin

This plugin for Framer allows you to easily convert straight quotes into smart quotes (typographic quotes) within selected text layers. It helps improve the readability and visual appeal of your text content.

![Plugin window screenshot](images/back.png)

## Features

- Converts straight quotes (`"` and `'`) to smart quotes (`“”` and `‘’`) in selected text layers.

- Undo functionality for easy reversion of changes.

- Provides feedback through notifications about the status of conversions (e.g., no changes detected, errors).

## Usage

1. Select one or more text layers in your Framer canvas.

2. Click the "Convert Selection" button to convert straight quotes into smart quotes.

3. If no quotes are found or if the text layers are already using smart quotes, you will be notified accordingly.

4. If quotes are converted, you will see a notification with an option to "Undo" the changes.

## File Structure

- `App.tsx`: Main component that provides the UI and handles the logic for converting quotes.

- `hooks/useSelection.ts`: Custom hook to manage selection of nodes from the canvas.

- `utils/convertToSmartQuotes.ts`: Utility function to convert straight quotes to smart quotes.

- `utils/notifications.ts`: Utility functions to handle notifications for different actions.

## Development

To develop and extend the plugin, you can modify the code as needed:

- **Notifications**: The notification handling has been separated into `notifications.ts` for better modularity and reuse.

- **Hooks and Utilities**: The `useSelection` hook and `convertToSmartQuotes` utility function are modular to make the code easier to understand and maintain.

## Requirements

- Framer

- Node.js and npm (for development purposes)

## Contributing

Feel free to contribute to this project! You can submit issues or pull requests to help improve the plugin.

## License

This project is licensed under the MIT License. See the `LICENSE` file for more information.