Figma
Every identity, website and template we make is designed in Figma first. You review the work there, comment on it there and keep the files at handover.
What Figma is
Figma is a design tool that runs in the browser and as a desktop app. Teams use it to design interfaces, brand systems and marketing assets, and to review them together in real time. It supports reusable components, shared styles and variables, and layouts that adapt as content changes. Developers can inspect a design’s measurements and assets directly from the file.
How we use it
Design work happens in Figma first. Then it’s either handed to your developers or built in Framer or Webflow.
Brand identity. Logo systems, color, type and graphic language, with the key applications laid out in context.
Website design. For OpaqAI, we designed a four-page website in Figma, and OpaqAI’s team built the site from it.
Design and build. For Averi AI, we designed the website in Figma and built it in Framer, with WebGL and motion design.
Product screens. For Tithe, a pre-launch iOS focus app, we designed UI/UX across 35 screens and delivered a handoff-ready Figma file six weeks after kickoff. That project was design only.
Templates. For bem, we made reusable content templates and an imagery system, built on bem’s existing identity.
What you get
Organized Figma source files for the work in scope
Components and styles your team can reuse
One place to review, where you comment on the design in context, against the agreed brief
Files your developers can build from, when Website Design is the scope
What to watch out for
A design file shows chosen widths
A live site has to work at every width in between. We design the key sizes in Figma and settle the rest in the build, or note it for your developers.
Fonts need the right license
A font that works in Figma may need a separate web license before it can go on your site. Check the license before the identity is final.
Comments belong in one place
Feedback spread across email, chat and Figma is easy to lose. Keep review comments in the file, on the design itself.
Questions about Figma
Daniel G. Bright
Founder, BrightStudios
Still have a question?
Book a call with me to talk through your project and agree the next step.
Tell us what your site connects to
Share your product and the tools your team uses. We’ll recommend a scope and the simplest way to connect each one.