As a product designer, I have always been fascinated by creating tools that streamline work and bring order to the chaos of the development process. However, there was one skill I lacked: coding. Writing even a single line of JavaScript seemed as challenging as mastering a new language overnight. Until recently, I thought it was impossible. After all, to start coding, you need to learn the basics, understand the syntax, and choose the right language among many available options. Yet, I am here to share the story of how I created my first Figma plugin – Summary Sprint – thanks to the support of large language models (LLMs), such as Cloude Sonnet 3.5 and ChatGPT. This plugin simplifies sprint planning by automatically summarizing task points, eliminating the need for manual calculations or external tools.
In our team, we spend Friday afternoons wrapping up weekly sprints. In theory, all tasks should be completed by then. In practice, Fridays often involve grouping “stray” tasks, extending our meetings. Counting points, grouping tasks, and summarizing progress is crucial – it helps verify our actions and better plan the next sprint. However, counting points can be tedious. Tasks pile up, sticky notes multiply, and you drown in manual calculations, trying not to make mistakes, especially with a large number of tasks. It was clear this process could be automated. Our team needed a solution, and as someone without coding skills, I had to find a way to implement it. So, let’s begin our experiment: Creating a plugin using Cloude and “gpts”.
I started by studying Figma’s documentation on widgets and plugins, then “fed” it to two models: Cloude Sonnet 3.5 and ChatGPT, providing them with the necessary technical context. Additionally, ChatGPT offered something I called “gpts” – specialized roles assigned through tailored prompts and data (e.g., from PDFs or notes). This allowed me to assign different specialties within ChatGPT:
Try it yourself with the prompt below :)
You are Developer GPT, a professional programming assistant who helps UX/UI
designers in writing code for plugins and widgets for Figma. You are an expert
in writing clean, efficient code for figma plugin and providing implementation
advice. Occasionally, you also offer UX/UI tips when relevant.
GOAL: Today, you will become my virtual programming assistant. Your task is to
help me write code for a plugin by offering suggestions, solutions, and code
examples. You will be responsible for supporting me in implementation and
providing practical advice.
CRITERIA FOR THE BEST PROGRAMMING ASSISTANT:
- You are specific and practical.
- You avoid generalities and lengthy sentences.
- You help me in writing code by providing examples and explanations.
- You suggest better solutions in terms of implementation and code optimization.
- Occasionally, you provide UX/UI advice when it's pertinent.
- You make task execution easier for me, knowing that I might not be an expert
in programming.
- You assist me with valuable tips and comprehensive checklists.
STRUCTURE OF OUR SESSION:
- I will set the context of our work. I will choose one challenge to focus on.
You will generate specific solutions or code snippets/whole code to solve it.
You will give me a practical action plan with key steps and code if necessary.
- You will share best practices and common mistakes to help me with the
implementation.
FORMAT OF OUR INTERACTION:
- I will inform you when we can proceed to the next step. Do not move forward
without my command.
- You will rely on the context of this session at every stage.
INFORMATION ABOUT ME:
- My project: I am creating plugins for Figma that streamline designers
workflows. We are building a sprint summary tool in Figjam.
- My value proposition: Figjam users can work more efficiently and creatively
thanks to these tools.
- My target audience: people using Figjam who are looking for tools to
facilitate their workflow and sprints.
- My current stage: I have several ideas and prototypes but need help refining
them and effectively implementing the code.
Cloude Sonnet 3.5 became my primary tool for generating base code. It allowed me to focus on what I do best – designing user experiences and defining the plugin’s purpose – while the model handled the programming logic. Initially, I tried to generate the entire plugin in one go, but this approach didn’t work well. After several failed attempts, I decided to adopt an iterative approach, using a “gpts” assistant to break the work into smaller, manageable steps. This iterative process included tasks such as:
Once I had the initial code, I encountered a problem: the plugin interface wouldn’t load. This is where another “gpts,” specialized in debugging, stepped in. Using tailored prompts and code snippets, it helped me quickly achieve:
ChatGPT, with the help of “gpts,” not only provided solutions but also explained why they worked. This allowed me to think more like a developer – even if only temporarily.
After numerous tests and improvements, Summary Sprint was born. Here are its key features:
Designers Don’t Need to Code from Scratch: With tools like Cloude Sonnet 3.5, ChatGPT, and “gpts,” non-technical individuals can create valuable tools. The key is to take an iterative approach, start with an MVP, and focus on user needs.
The Power of Clear Feedback: During Figma’s review process, it became clear that the plugin “never loads” if the user doesn’t select a section. I added a simple message: “No section selected. Please group tasks into a section to proceed.” A minor adjustment, but a significant improvement in usability.
One Step Away from Error: The plugin went through dozens of iterations during development. A “fatal error” was always a possibility. LLMs serve as mentors, advisors, and brainstorming assistants, but they need to be managed consciously. They’re tools, not automatic solutions to every problem.
The plugin is now available in the Figma community, along with materials demonstrating how it works. Every change I made was just one step away from non-functioning code – polishing the plugin’s appearance took almost as much time as developing a single feature. Complex, heavy programming tasks are something I’ll still leave to my experienced team, who can handle any problem. However, as someone who has been designing interfaces for years, it was nice to create something on my own. (Sorry, AI, for taking all the credit!)
AI tools allow us to push beyond our limitations. You don’t have to be an engineer to create something valuable – all you need is the right mindset, knowledge, and tools, including specially adapted “gpts”.
At Blues Brackets we solve real business challenges with the latest and proven technology.
Agile Software Development Services
Agile Software Development Company Poland
AI Chatbot Development Services
AI Development Company | Custom AI, GenAI Solutions
Animated Website Services. Design and Implementation
Remote IT Support & App Maintenance – bluesBrackets
Application Scaling for Startups | Scalable Solutions
Professional Arduino Development
Polish Software House | UI/UX, Fullstack, Mobile, Embedded
Automated Regression Testing & End-to-End Development
Embedded Systems & Bare Metal Programming Experts | bluesBrackets
Bespoke MVP & Custom Software Development Company
Bespoke Software Development Company
Bespoke Software Solutions for Startups & Enterprises
Expert IoT & Embedded Software Development | bluesBrackets
Expert Embedded Android & Bluetooth App Development
Leverage Body Leasing for React Native & Embedded
Business Intelligence Solutions | bluesBrackets
Custom AI Chatbot Solutions & Services
Cloud Adoption & Digital Transformation Services
Cloud Application Development Services | Polish Cloud Development
Cloud Migration Consulting Services Company | bluesBrackets
Cross-Platform Mobile Development
CTO as a Service - Future-Ready Software House: CTO, DevOps & UX/UI
Custom CMS Solutions & Software Development
Custom Management Systems & AI-Driven Software
Custom Software Development Services — bluesBrackets
Custom Software Development Services in Poland
Custom Web App & AI Development Services
Custom Web App Development Services | bluesBrackets
Data Center Migration & IT Migration Services
Data Engineering & Data Visualization Services
Hire a Dedicated Development Team in Poland
Dedicated Software Development Teams in Europe
DevOps as a Service | AWS Cloud Consulting
DevOps Consulting Company | bluesBrackets
EAA Accessibility & Compliance Software Development
Ecommerce Software Development & Website Costs
Build Scalable Desktop & Embedded Apps – bluesBrackets
Custom Embedded Software Development Services
Embedded & IoT Software Services | bluesBrackets
Embedded Software Engineering Services | bluesBrackets
Embedded Software Development Outsourcing
Embedded Software Staff Augmentation
End-to-End IT Solutions | Software House Poland
Energy Storage & IoT Software Solutions
Enterprise Mobile App Development Company | bluesBrackets
Fixed Price vs. Time & Materials
Flutter App Development Services | bluesBrackets
Flutter App Development Services
Healthcare IT Outsourcing & AI Software for Medical Innovators
Expert Hardware Design Company | Custom Electronic Hardware
Expert Hardware Development Services | bluesBrackets
Hire Dedicated Development Teams in Poland – bluesBrackets
Poland’s Leading Java Software House | Hire Expert Java Developers
Hybrid Mobile App Development Services
Integration & System Testing Experts
IoT Product Development & Custom Software Solutions
IoT & Smart City Software Development | bluesBrackets
Expert iOS App Development Company in Poland
Mobile App Development Languages & Services
iOS PWA Development Services | Cross-Platform Mobile Apps
Industrial IoT Software Development Company
IoT Development Services | Custom IoT Devices & Solutions
IoT Device Management Platform & Custom IoT Solutions
Polish Software House | Custom IoT & Embedded Solutions
IoT Software for Retail, Wearables, Property | bluesBrackets
Industrial IoT & Industry 4.0 Software Solutions
IoT MQTT Dashboard & Custom Embedded Solutions
IoT Product Development Company | Embedded & Fullstack Software House
IoT & Wearable Tech Development | bluesBrackets
End-to-End IT System Testing & Integration Services
Backend Services & JavaScript Development | bluesBrackets
Legacy Application Modernization Services
Legacy IT Systems Modernization & Custom Software Development
LLM Product Development Agency | bluesBrackets
Machine Learning Consulting & Software Development Company Poland | UI/UX, Fullstack, Mobile, Embedded
Machine Learning for Predictive Analytics
Machine Learning Supply Chain Solutions
Edge Computer Vision & Embedded Solutions | bluesBrackets
Medical Device Software Development Services
Expert Microcontroller & Embedded Development Services
Microservices vs Monolithic: Expert Software Architecture
Mobile App Development Services
MVP Development Services | Custom MVP Development Company
MVP Software Development Services | Custom MVP & POC Solutions
NB-IoT Solutions & Agile Development
IT Nearshoring & Software Development Poland
Next.js & WordPress Services
Node.js, React & Next.js Development Poland – bluesBrackets
Node.js Development Company | Trusted Node.js Services
Trusted Offshore Software Development Company in Poland
On-Demand Software Development Services | bluesBrackets
Outsource Python Development | Offshore Company
Software Development Outsourcing Company in Poland
Software Product Development Services | bluesBrackets
Product Discovery Workshops for Startups & Enterprises
Custom Product & Project Management Software Solutions
Progressive Web App Development Company | bluesBrackets Poland
Proof of Concept vs Prototype: Agile Software
Proof of Concept & Proof of Principle Services
PWA Development Services | iOS & Android
React Development Services
ReactJS Web Development Company
Real Estate Software Development Company
Expert RTOS Development Services
SaaS Software Development Company: GDPR-Compliant Cloud
SLA-Driven Software & Managed Services Poland
Polish Software House: Agile Delivery & UI/UX
Software Development Companies | Custom Solutions
Polish Software Development Outsourcing Company
Software Engineering Outsourcing Poland
Software House Poland | Custom Web & Embedded Solutions
Software Integration & ChatGPT Integration Services
Software Maintenance & Legacy Services | bluesBrackets
Expert Software Migration Services | bluesBrackets
Expert Software Prototyping Services | Mobile, Embedded & Fullstack Prototyping
IT Staff Augmentation Services in Poland
Staff Augmentation vs Managed Services
Specialized Software Engineering Services | bluesBrackets
System to System Integration Services
Software Team Extension Services for Startups & Enterprises
Travel Software Development Company | Custom Travel Apps
UX/UI Design Services. Project and Implementation
Sports & Healthcare Wearable App Development
Web Apps vs Desktop Apps: Expert Software
Web App vs Mobile App Development | Fullstack & UX/UI
Custom Web App Development Services
Quality Assurance Testing Services | bluesBrackets
White Label Mobile & Embedded App Experts